Hi 您目前尚未登陆
请选择 进入手机版 | 继续访问电脑版

上官雨伦

2006年接触 Discuz。原Discuz! Support Team 开发团队成员、New.Discuz! Support Team 开发团队负责人,致力于网页前端设计。曾任职河北省张家口市职业技术学院教师。现任职于北大青鸟张家口校区讲师。

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

2018-12-08 14:40:30 发布

Html/Css /[教程] 1712 0 0

上官雨伦Writer

张家口市 | 博主、教师

80

主题

85

帖子

86

积分

Admin

Rank: 16

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

0 使用道具 举报

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

当前话题还没有评论,来做第一个评论的人吧 ♪(^∇^*)

');