移动端 viewport

width：设置layout viewport 的宽度，为一个正整数，使用字符串”width-device”表示设备宽度

initial-scale： 设置页面的初始缩放值，为一个数字，可以带小数

minimum-scale： 允许用户的最小缩放值，为一个数字，可以带小数

maximum-scale： 允许用户的最大缩放值，为一个数字，可以带小数

heigh：t  设置layout viewport 的高度，这个属性对我们并不重要，很少使用

user-scalable： 是否允许用户进行缩放，值为”no”或”yes”, no 代表不允许，yes代表允许

target-densitydpi：值可以为一个数值或 high-dpi 、 medium-dpi、 low-dpi、 device-dpi 这几个字符串中的一个

此属性为安卓特有，并且安卓已经决定要废弃target-densitydpi 这个属性了，所以这个属性我们要避免进行使用 

浏览器默认的viewport: layout viewport >= visual viewport 可以通过document.documentElement.clientWidth 来获取 

    (网页的所有内容,他可以全部或者部分展示给用户,比如可以是1000px,)

浏览器可视区域viewport: visual viewport 可以通过window.innerWidth来获取

    (就是当前显示给用户内容的窗口，你可以拖动或者放大缩小网页,列如phone6的375。之外的只能通过滚动条方式看到)