解决移动版屏幕缩放问题
为了解决移动版屏幕分辨率大小问题,apple定义了viewPort虚拟窗口,可自定义其大小或缩放功能,不同的浏览器对viewPort窗口的默认大小支持都不一致,
分别为:
android browser默认为800px;IE默认为974px;opera默认为850px;
viewPort虚拟窗口是在meta中定义的,主要作用是设置web页面适应移动设备的屏幕大小,
如,
该代码主要是自定义虚拟窗口,指定width为device-width,初始缩放比例大小为1倍,同时不允许用户使用手动缩放功能。
content属性允许设置6种不同的参数,分别为:
width指定虚拟窗口的屏幕宽度大小;
height指定虚拟窗口的屏幕高度大小;
initial-scale指定初始缩放比例;
maximum-scale指定允许用户缩放的最大比例;
minimum-scale指定允许用户缩放的最小比例;
user-scalable指定是否允许手动缩放。

浙公网安备 33010602011771号