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

2019-10-26 17:25:52

字体：大中小

来源：转载

供稿：网友

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

上一篇：HTML文档类型详解推荐

下一篇：为什么使用DOCTYPE HTML