Viewport :用户网页的可视区域。(视区)
视图通常比屏幕宽,用户可以通过缩放或者平移来查看网页的不同部分。
设置Viewport,举例如下:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
width:控制 viewport 的大小,可以是指定值,或者是特殊值(如:device-width设备宽度)
height:同width.
initial-scale:初始缩放比例,当页面第一次load的手的缩放比例。
maximum-scale:允许用户缩放到的最大比例。
minimum-scale:允许用户缩放到的最小比例。
user-scalable:用户是否可以手动缩放。
详细在手机端以及平板上访问页面可以有明显感觉。