移动端开发脱坑指南

1、meta标签设置

常规：

<meta charset="utf-8">
//设置视窗宽为设备宽度，默认不缩放，不允许用户缩放。
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
//在iOS中 隐藏工具栏和菜单栏。
<meta name="apple-mobile-web-app-capable" content="yes" />
//顶部状态栏(手机信号、时间、电池)的背景颜色。默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
//忽略电话号码和邮箱识别
<meta name="format-detection" content="telphone=no, email=no" />

参考：http://www.xuanfengge.com/mobile-guide-page-refactoring-html-articles.html