标签 - margic

1.viewport

能优化移动浏览器的显示。如果不是响应式网站，不要使用initial-scale或者禁用缩放。
大部分4.7-5寸设备的viewport宽设为360px；5.5寸设备设为400px；iphone6设为375px；ipone6 plus设为414px。

//表示支持响应式设计

width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
height：和 width 相对应，指定高度。
initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
maximum-scale：允许用户缩放到的最大比例。
minimum-scale：允许用户缩放到的最小比例。
user-scalable：用户是否可以手动缩放（user-scalable=no//user-scalable=0,不允许用户手动缩放）

注意：content里多个属性的设置一定要用逗号+空格来隔开，如果不规范将不会起作用

WebApp全屏模式：伪装app，离线应用

meta name="apple-mobile-web-app-capable" content="yes" /> //启用 WebApp 全屏模式