viewport 视口(可视区窗口)设置详解
当我们试图在iPhone中输出屏幕宽度的时候，会发现屏幕宽度是980，居然和pc屏幕宽度差不多大
苹果主导的这些手机厂商，为了使用户获得完整的WEB体验，很多设备都会欺骗浏览器返回一个数值较大的视口，告诉浏览器，别以为我身子小，但是我想以980px宽度显示这个页面（分辨率和视口没有关系（开发中根据视口来算的））
视口对于我们实现响应式是很不方便的。980太大了，不符合我们心中的期待，我们心中认为手机屏幕尺寸应该在320到400之间
默认不设置viewport一般可视区宽度在移动端是980，所有的手机响应式网站，都要加上meta viewport视口约束标记
解决这个问题只要约束视口即可：
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" id="viewport" />