视口概念viewport

1.视口概念
描述：视口就是视图窗口的简称，页面中视口大小实际上就是HTML元素的显示大小。
说明：页面想要在移动端加载必须进行视口的适配，如果不对页面进行调整 ，那么默认页面在移动端加载的时候，都认为页面视口宽度为980px。
2.解决方案
描述：

说明：
(1)只要做移动端适配，就对页面添加此标签，此标签能够使得页面不在按照980px进行加载。
(2)必要内容：
width=device-width 设置页面视口大小和设备尺寸大小相同
user-scalable=no 设置用户不可对页面进行方法缩小设置
initial-scale=1.0 设置页面加载倍率为1倍
(3)可选内容：
minimum-scale=1.0 设置页面最小缩小倍率为1.0
maximum-scale=1.0 设置页面最大放大倍率为1.0
补充：这个标签在页面中并不是所有 移动端设备都能生效，几乎所有的移动端设备都不生效