head标签内的meta标签
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
项目 | Value |
---|---|
width | 设置layout viewport 的宽度,为一个正整数,或字符串"device-width" |
initial-scale | 设置页面的初始缩放值,为一个数字,可以带小数 |
minimum-scale | 允许用户的最小缩放值,为一个数字,可以带小数 |
maximum-scale | 允许用户的最大缩放值,为一个数字,可以带小数 |
height | 设置layout viewport 的高度,这个属性对我们并不重要,很少使用 |
user-scalable | 是否允许用户进行缩放,值为"no"或"yes", no 代表不允许,yes代表允许 |
解决1px问题
方法一
meta标签中的 viewport属性 ,initial-scale 设置为 1
rem按照设计稿标准走,外加利用transfrome 的scale(0.5) 缩小一倍即可;
方法二
mate标签中的 viewport属性 ,initial-scale 设置为 0.5
rem 按照设计稿标准走即可