网页适应移动端,把默认的layout viewport的宽度设为移动设备的屏幕宽度
网页适应移动端,把默认的layout viewport的宽度设为移动设备的屏幕宽度
代码如下:
<meta name ="viewport" content ="width = device-width" />
或者
<meta name="viewport" content="initial-scale=1">
属性 | |
---|---|
width | 设置layout viewport 的宽度,为一个正整数,或字符串"width-device" |
initial-scale | 设置页面的初始缩放值,为一个数字,可以带小数 |
minimum-scale | 允许用户的最小缩放值,为一个数字,可以带小数 |
maximum-scale | 允许用户的最大缩放值,为一个数字,可以带小数 |
height | 设置layout viewport 的高度,这个属性对我们并不重要,很少使用 |
user-scalable | 是否允许用户进行缩放,值为"no"或"yes", no 代表不允许,yes代表允许 |
target-densitydpi | 安卓中支持的私有属性,可以为一个数值或 high-dpi 、 medium-dpi、 low-dpi、 device-dpi 这几个字符串中的一个,决定css中的1px代表多少物理像素 |