viewport: 设置视图窗口, 控制 web 页面视口的尺寸。

viewport 可以控制视窗大小, 是否缩放, 显示比例。


添加 viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>

viewport 参数细节

width

width : 视窗宽度 [数值 / device-width](范围从200 到10,000,默认为 980 像素)
device-width : 设备宽度

height

height:高度[数值 / device-height](范围从223 到10,000)
device-height : 设备高度

initial-scale

initial-scale : 初始的缩放比例 (范围从>0 到10)	

minimum-scale

minimum-scale : 允许用户缩放到的最小比例

maximum-scale

maximum-scale : 允许用户缩放到的最大比例

user-scalable

user-scalable : 用户是否可以手动缩 [no,yes]