·您当前的位置:主页 > 技术教程 > Html5技术 >

[html5]meta viewport使网页在iPhone中满屏显示

时间:2015-06-08 16:39酷播
[html5]meta viewport使网页在iPhone中满屏显示

近期在做一个基于iPhone访问的Web Site,原本智能的Safari让我吃尽了苦头。当设定好DIV的宽度和高度时,Safari会自动缩放。而我的目的是要满屏显示。

无奈之下,忽然想到,自己常常访问的新浪触屏版是怎么做的?打开Opera,看源码在HTML头发现了meta viewport,难道是这个家伙在发挥作用吗?

加上试试,果然满屏了。顺便去查了一下这个标签的作用,记录一下,方便以后使用。

meta viewport

<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 – 用户是否可以手动缩放

微信付费直播
酷播云免费在线视频整体解决方案
参与开学季云视频优惠,拿GET2017教育科技大会VIP门票
进入开学季,保利威视推出云视频优惠,云视频套餐、流量超实惠大放“价”就是现在,还可以免费获取GET2017教育科技大会VIP门票哦!