手机端 meta name="viewport" 移动端设置详解

<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

释意:应用程序的宽度和屏幕的宽度是一样

width=device-width

释意:应用程序的高度和屏幕的高是一样的

height=device-height

释意:应用程序启动时候的缩放尺度(1.0表示不缩放)

initial-scale=1.0

释意:用户可以缩放到的最小尺度(1.0表示不缩放)

minimum-scale=1.0

释意:用户可以放大到的最大尺度(1.0表示不缩放)

maximum-scale=1.0

释意:用户是否可以通过他的手势来缩放整个应用程序,使应用程序的尺度发生一个改变(yes/no)

user-scalable=no


原文链接:HelloWeb前端网 » 手机端 meta name="viewport" 移动端设置详解 » 感谢您的浏览,希望能有所帮助。

欢迎您加入“Helloweb” 学习交流群:HelloWeb-学习交流群 196291215 共同交流并结识同行,在这里说出您的收获与感想或有什么不同的观点,我们期待您的留言,分享,让我们一起进步!

喜欢 ()or分享