viewport各个属性值的意义,以及如何实现不用viewport控制用户不能缩放
viewport各个属性值的意义,以及如何实现不用viewport控制用户不能缩放
(有误还请指出,多谢~)
1 viewport各个属性值的意义
name=“viewport” content=“width=device-width, minimun-scale=1.0, maximun-scale=1.0, user-scalable=no”
width=device-width: 网页宽度默认等于屏幕宽度;
minimun-scale=1.0: 最小缩放比1.0, 即禁止缩小;
maximun-scale=1.0: 最大缩放比1.0, 即禁止放大;
user-scalable=no: 用户是否可以手动缩放: 否;
还有height,但是不常用。
该meta标签的作用是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。也许允不允许用户缩放不同的网站有不同的要求,但让viewport的宽度等于设备的宽度,这个应该是大家都想要的效果,如果你不这样的设定的话,那就会使用那个比屏幕宽的默认viewport,也就是说会出现横向滚动条。
2 实现不用viewport控制用户不能缩放
通过JS实现。
Method 1 JS设置viewport
$(‘meta