移动端viewport

解决了页面内容在手机模式下能够正常显示问题

控制浏览器分辨率

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

width=device-width (视图窗口的宽度等于手机设备的宽度)

initial-scale=1.0 (视图窗口的初始化缩放比例为1倍)

user-scalable=0 (禁止用户缩放)

例子:

猜你喜欢

转载自blog.csdn.net/qq_33040483/article/details/81583141