本帖最后由 微眠之约 于 2019-11-26 23:13 编辑
代码如下:
- <meta name="viewport" content="width=device-width, initial-scale=0.2, minimum-scale=0.2, maximum-scale=1.0, user-scalable=yes" />
复制代码
来解读一下这一段代码的用意:
width=device-width | 表示宽度是设备屏幕的宽度 | | initial-scale=0.2 | 表示初始的缩放比例 | 由于PC端页面较大,这里适当将PC端页面按比例缩小 | minimum-scale=0.2 | 表示最小的缩放比例 | 建议和默认的初始缩放比例相同 | maximum-scale=1.0 | 表示最大的缩放比例 | 这里1.0表示的是PC端页面的实际大小 | user-scalable=yes | 表示用户是否可以调整缩放比例 | |
|
|