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

注:此标签在iphone4和ipad均可以到缩放作用,但是在Android的WebView却不支持

<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" />


<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />

猜你喜欢

转载自dengwenjun.iteye.com/blog/1893955