淘宝手机版的如下:
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
这个是打开VS Code自动显示的meta viewport:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
viewport 是指 web 页面上用户的可见区域。
device-width 是指这个设备最理想的 viewport 宽度。iPhone6 之前的 device-width 都是 320px ,iPhone6 是 375px ,iPhone6 Plus 是 414px ,而这个 device-width 是和 CSS像素(也叫密度独立像素 dip)是相同的。也就是说,web 页面中的 CSS像素的值等于 device-width 时,对应到手机上就是占满全屏的宽度。
安卓手机的 device-width 有320px、360px 和 384px 等等,不同的设备 device-width 是不一样的。
initial-scale=1.0 是指初始化的时候缩放大小是1,也就是不缩放。
user-scalable=0 是指禁止用户进行缩放。
maximum-scale=1.0 是指用户最大缩放大小是1,其实在禁止用户缩放以后,这一句可以省略。 width的默认为980。