视口

在移动端，如果把一个盒子的宽度设置成100%，盒子的宽度并不是浏览器的宽度，而是980px
移动端网页的布局不是基于浏览器可视区域宽度，而是基于一个虚拟的布局区域（视口），视口宽一般默认980px
这个是历史原因导致的，早期的电脑屏幕分辨率通常是1024的分辨率，所以版心的宽度通常是980px，由于手机的屏幕太小不能将完整的网页显示出来，早期的方案是将网页整个放在手机浏览器中，通过方向键上下左右移动网页......

现在是移动互联网时代，需要基于手机屏幕宽度开发网页，在做移动端开发之前，先把视口设置为当前屏幕的宽

meta标签的作用：
设置编码 、设置网页关键字、 视口....
描述网页的元信息  元：自身

设置视口

width=device-width 把视口的宽设置成设备的宽
initial-scale=1.0 初始缩放比例
maximum-scale=1.0 最大缩放比例（一般不设置）
minimum-scale=1.0 最小缩放比例（一般不设置）
user-scalable= no  禁止用户手动缩放网页