移动端meta

1、控制显示区域各种属性：

     <meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=1.0" />

　　height                     viewport的高度

　　width                      viewport的宽度

　　initial-scale              初始的缩放比例

　　maximum-scale       允许用户缩放到最大的比例

　　minimum-scale        允许用户缩放到最小的比例

　　user-scalable           用户是否可以手动缩放

 

2、IOS中safari允许全屏浏览

　　<meta name="apple-mobile-web-app-capable" content="yes" />

 

3、IOS中safari顶端状态条样式

　　<meta name="apple-mobile-web-app-status-bar-style" content="black" />

 

4、忽略数字变为电话号码

　　<meta name="format-detection" content="telephone=no" />

 

5、IOS中Safari设置保存到桌面图标

　　<link rel="apple-touch-icon" href="custom-icon.png" />

　　这是IOS中Safari特有的meta，是当你保存某个页面到桌面时使用该图片作为桌面图标