PC端网页在Web端适配浏览器窗口大小及等比缩放
2018-12-08 14:40:30 发布
|
|
- <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 | 表示用户是否可以调整缩放比例 | |
|
|
|
|
|
|
|
当前话题还没有评论,来做第一个评论的人吧 ♪(^∇^*)