移动端开发注意事项

在智能手机横行的时代，作为一个web前端，不会编写移动web界面，的确是件悲催的事情。当公司准备做一个微信的微网站时，作为一个多年经验的web前端码农，我迷茫了，真心不知道从何下手。
接下来就是搜一堆教程，然后开始编写代码，三天后，我的第一个移动端web页面编写完成。
回头想想，移动端的web页面代码编写远没有我想的那样复杂（可能是我做的这个项目比较简单的缘故）。但是就入门来说，其实是蛮简单的，我把他总结为一下几个方面：特殊的meta标签／百分百比布局宽度／rem设置字体大小／css3的使用。
好吧，让我们开始吧，以下是移动web新手的浅见，老鸟请绕行，如有赐教不胜感激。

1.特殊的meta标签；
因为现在我们用的智能手机（iOS，Android）的浏览器都是基于webkit内核，这里有一些针对webkit的特殊meta标签，在开发移动端web是起到很重要的作用：

强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；

复制代码 iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览； 复制代码 iphone的私有标签，它指定的iphone中safari顶端的状态条的样式； 复制代码

告诉设备忽略将页面中的数字识别为电话号码。

复制代码

Android中禁止自动识别页面中的邮件地址，iOS中不会自动识别邮件地址；
（注：由于webkit的浏览器对于html5的支持比较好，所以我们在声明头部的时候