**
移动端页面自适应布局
**
view port 大概可以分为三种
layout viewport 浏览器磨人的viewport
visual viewport 浏览器可视区域的 viewport
ideal viewport 移动设备理想的viewport
pc 端 的 1px并不等于移动端的1px，
viewport 的设置
width 设置layout viewport 的宽度，为一个正整数，或字符串"width-device"
initial-scale 设置页面的初始缩放值，为一个数字，可以带小数
minimum-scale 允许用户的最小缩放值，为一个数字，可以带小数
maximum-scale 允许用户的最大缩放值，为一个数字，可以带小数
height 设置layout viewport 的高度，这个属性对我们并不重要，很少使用
user-scalable 是否允许用户进行缩放，值为"no"或"yes", no 代表不允许，yes代表允许
