meta标签对viewport的设置（移动端适配）

视口：是浏览器显示页面内容的屏幕区域。视口可以分为布局视口（layout viewport）、视觉视口(visual viewport)和理想视口(ideal viewport)。

meta视口标签的主要目的：布局视口的快读与理想视口的宽度一致，即设备有多宽，我们布局的视口有多宽。

常见设置：

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

• name=“viewport”：说明当前meta标签是用来设置viewport的属性的，这个属性只有在移动端才会有效。
• content=""：进行viewport的设置。
• width：控制 viewport 的大小，可以指定的一个值，如 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
• height：和 width 相对应，指定高度。设置layout viewport  的高度，这个属性对我们并不重要，很少使用
• initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。（设置scale值为1.0，那么layout viewport的大小与ideal viewport大小相等：）
• maximum-scale：允许用户缩放到的最大比例。
• minimum-scale：允许用户缩放到的最小比例。
• user-scalable：是否允许用户进行缩放，值为"no"或"yes", no 代表不允许，yes代表允许