欢迎使用QQ帐号登录 雨伦博客
PC端网页在Wap端适配浏览器窗口大小及等比缩放
上官雨伦Writer

发表于 2018-12-8 14:40

  1. <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表示用户是否可以调整缩放比例
您需要登录后才可以回帖 登录 | 立即注册

回帖后跳转到最后一页

当前话题还没有评论,来做第一个评论的人吧