Hello，移动WEB—Viewport

Hello，移动WEB—Viewport_Meta标签

379 0 0

作者:桑甚姑娘

二 Viewport

meta标签：

语法：<meta name="viewport" content="name=value, name=value">

参数:

1. width: 设置布局viewport的特定值(" device-width" )

 2. initial-scale: 设置页面的初始缩放

 3. minimum-scale: 最少缩放

 4. maximum-scale: 最大缩放

 5. user-scalable: 用户能否缩放 ( "yes" | "no")

常用写法：

    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">

注意：如果不加 user-scalable=no，只设置了initial-scale=1，在chrome浏览器的默认字号为"中"时，

是达不到缩放比例为1的效果，即initial-scale=1不起作用，加上user-scalable=no后，默认字号为"中"

不会起作用，chrome浏览器会默认字号"小",达到缩放效果，所以一般建议都写上.

内容来源于网络如有侵权请私信删除

标签： HTML CSS HTML5 CSS3

你还没有登录，请先登录或注册！