页面加meta标签 viewport属性作用

phpvar

1. <meta name="viewport" content="width=device-width,initial-scale=1" />

复制代码

一般手机网页上都会加上上面这句代码，重点部分在width=device-width ，其作用：使页面宽度等于手机屏幕宽度，页面效果表现为即使页面实际宽度超过屏幕宽度，但body宽度等于手机屏幕宽度

一般viewport申明都是跟CSS3的MediaQuery 一起配套使用，做出自适应网页，适配多终端手机设备！