问题: 在codepen上写了一个响应式页面,调试的时候没有问题。结果放到网站上,在手机上打开之后竟然和在电脑中的布局是一样的。 查阅资料之后知道响应式布局应该有这样一句话:<meta name="viewport" content="width=device-width,initial-scale ...
分类:
移动开发 时间:
2016-11-23 07:29:03
阅读次数:
187
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> <meta content="telephone=no" name="forma ...
分类:
移动开发 时间:
2016-11-22 17:01:02
阅读次数:
293
<!doctype html><html><head> <meta charset="utf-8"> <title>二维码生成</title> <meta name="viewport" content="initial-scale=1, width=device-width, maximum-sc ...
分类:
其他好文 时间:
2016-11-22 13:14:48
阅读次数:
214
<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, i ...
分类:
移动开发 时间:
2016-11-21 19:55:32
阅读次数:
205
name="viewport“ 设置窗口(网页可绘制的区域) width=“device-width” 应用宽与屏幕的宽一样的 (height同width) initial-scale="1.0" 应用程序启动是缩放尺寸 minmum-scale=”1.0“ 用户可缩放的最小尺寸,1.0表示不缩放( ...
分类:
移动开发 时间:
2016-11-20 19:17:01
阅读次数:
226
使用gulp的插件可以很方便的将xp转为rem,在布局的时候使用@1x 、@2x布局,即10rem=device-width;@1x即设计图为320px,1rem对应的10px像素,相对的@2x即为布局使用640px的布局,1rem=20px像素;不过浏览器有默认最小字体,谷歌浏览器默认的最小的字体 ...
分类:
移动开发 时间:
2016-11-20 06:30:08
阅读次数:
372
@{ Layout = null;} <!DOCTYPE html> <html><head> <meta name="viewport" content="width=device-width" /> <title>货位档案</title> @Scripts.Render("~/bundles/j ...
分类:
Web程序 时间:
2016-11-17 19:38:14
阅读次数:
322
1:理解View :<meta name="viewport" content="width=device-width,initial-scale=1.0"> 2. 自适应宽度:width:100%,max-width:640px,min-width:320px 3. 单位:我们可以用px也可以re ...
分类:
移动开发 时间:
2016-11-15 16:24:28
阅读次数:
427
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="height=device-height width=device-width, initial-scale = 1 ...
分类:
移动开发 时间:
2016-11-12 11:24:02
阅读次数:
309
今天在编程爱好者编码库看见一个好玩的程序,代码如下。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, us ...
分类:
移动开发 时间:
2016-11-11 23:22:30
阅读次数:
408