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

上官雨伦

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