meta viewport标签的使用说明(手机浏览缩放控制)
2016-06-22来源:

网页手机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浏览器能否支持。

推荐信息
Baidu
map