本文所分享的知识点是【meta viewport标签的使用说明(手机浏览缩放控制)】,欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略,下面是详细的讲解。
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浏览器能否支持。
关于meta viewport标签的使用说明(手机浏览缩放控制)的相关讨论如下:
相关问题:iphone手机浏览器网页缩放和img的冲突
答:好好 >>详细
相关问题:在安卓手机端 容器没有定义固定宽, 使用viewport ...
答:可能是你加的不对,参考我得写法: 你应该是做响应式布局的吧,这里有一篇响应式布局的示例,文章比较长不再全文贴出,参考:http://www.51xuediannao.com/html+css/htmlcssjq/704.html >>详细
相关问题:有关html5<meta name="viewport" content="width=5...
答:宽度应该用CSS来解决,不是直接写在这里。 >>详细
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
