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

240 阅读 0 评论 159 点赞

我是靠谱客的博主阔达含羞草，这篇文章主要介绍meta viewport标签的使用说明(手机浏览缩放控制)，现在分享给大家，希望可以做个参考。

现有固件的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浏览器能否支持。