当前位置： 移动技术网 > IT编程>网页制作>CSS > Hello，移动WEB—Viewport_Meta标签

Hello，移动WEB—Viewport_Meta标签

2018年07月23日  | 移动技术网IT编程  | 我要评论

x-龙时代,黄金咸蛋卷,贱妇汤家丽

二   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浏览器会默认字号"小",达到缩放效果，所以一般建议都写上.
 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网