PC端网页在Web端适配浏览器窗口大小及等比缩放

微眠之约 发表于 2019-11-26 23:12:37|来自:中国河北 | 显示全部楼层 |阅读模式
本帖最后由 微眠之约 于 2019-11-26 23:13 编辑

代码如下:

  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表示用户是否可以调整缩放比例

欢迎访问清河网(www.qinghe.cn),点击个人资料,可以修改自己的个性签名。
全部回复0 显示全部楼层

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

联系客服 关注微信 下载APP 返回顶部 返回列表