显示---视口
1.视口概念
视口可以细分为三种：布局视口、视觉视口、理想视口
-
布局视口
布局视口：是网页布局的基准窗口，在这里只考虑布局，也就是不会有非布局的内容，例如滚动条，例如菜单栏。
而在移动端，布局视口有一个默认值
980px，这保证了PC网站可以在手机上显示（尽管丑丑的）。在 js 中可以通过
document.documentElement.clientWidth来获取布局视口大小 -
视觉视口
视觉视口：用户视觉上看到的真实区域，包括滚动条。
在 js 中可以通过
window.innerWidth -
理想视口
其实就是我们说的设备独立像素，不过当布局视口和视口一致的时候，那结果就是一样的了。
在 js 中利用
window.screen.width可以获取到
2. 想要更改布局视口，利用
initial-scale = 设备独立像素 / 视觉视口宽度
视觉视口宽度 = 设备独立像素 / initial-scale
meta标签的viewport来进行设置，除此之外，还可以进行页面的缩放等操作。
viewport相关配置
属性
值
描述
width
正整数 或 device-width
以像素为单位，定义布局视口的宽度
height
正整数 或 device-height
以像素为单位，定义布局视口的高度
initial-scale
允许是小数
定义页面初始缩放比例
minimum-scale
定义缩放的最小值
maximum-scale
允许是小数
定义缩放的最大值（ios10&ios10+无效）
user-scalable
yes / no
设置是否允许缩放，同上无效