首页

源码搜藏网

首页 > 开发教程 > html教程 >

meta viewport标签的使用说明(手机浏览缩放控制)

创建时间:2014-06-08 18:53  

点评:网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。 现有固件的OP打开网页时总是会缩小为50%再显示,不能像iPhone 那样支持viewport设置 。

网页中有这么一句时,在iPhone的浏览器中将以原始大小显示,并不允许缩放。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

其中:
width - viewport的宽度
height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放

可惜M8的OP并不支持,能不知道要如何设置才能让浏览器以100%大小打开网页。
Google一下发现Opera Mobile9.5才能支持,不知1.0版本新固 件的OP浏览器能否支持。
上一篇:设置frameset的高度 界面变形的解决方法
下一篇:meta viewport使网页在iPhone中满屏显示控制

相关内容

热门推荐