<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
1、name属性值viewport表示视口,不仅匹配PC端,也可匹配移动端。
2、content属性值:
(1)width:可视区域的宽度,值可为数字或关键词
(2)device-width,设备屏幕的物理宽度
(3)height:同width
(4)intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放
(5)maximum-scale=1.0或minimum-scale=1.0表示可视区域的缩放级别,
① maximum-scale用户可将页面放大的程序
② minimum-scale用户可将页面缩小的程序
③ 1.0表示将禁止用户放大到实际尺寸之上。
(6)user-scalable:是否可对页面进行缩放,no 表示禁止缩放