解决移动版屏幕缩放问题

为了解决移动版屏幕分辨率大小问题,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指定是否允许手动缩放。
posted @ 2013-12-05 21:43  deppl  阅读(367)  评论(0)    收藏  举报