移动端 head 中 meta 标签扫盲

1. 控制显示区域各种属性　

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

　　—— width：viewport的宽度

　　—— height：viewport的高度

　　—— initial-scale：初始的缩放比例

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

　　—— maximum-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">

　　—— 尺寸和 IPone 上的一致：57*57px。