html5中的Viewport的标签解释

下面这句代码在iPhone的浏览器中将以原始大小显示,并不允许缩放。

<metaname="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却不支持

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

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

相关推荐