①使用rem作为单位。

②禁用a,button,input,optgroup,select,textarea 等标签背景变暗。

  在移动端使用a标签做按钮的时候或者文字连接的时候，点击按钮会出现一个 "暗色的"背景，比如如下代     码：

  <a href="">button1</a>   <input type="button" value="提交"/>

在移动端点击后 会出现"暗色"的背景，这时候我们需要在css加入如下代码即可：

a,button,input,optgroup,select,textarea{    -webkit-tap-highlight-color: rgba(0,0,0,0);}

③meta知识点：

1.content="width=device-width：控制 viewport 的大小,device-width 为设备的宽度

 initial-scale - 初始的缩放比例

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

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

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

2.忽略将页面中的数字识别为电话号码

3. 忽略Android平台中对邮箱地址的识别

 

4. 当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari

5. 将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式

 

④移动端如何定义字体font-family

body{font-family: "Helvetica Neue", Helvetica, sans-serif;}

⑤在android或者IOS下 拨打电话代码如下：

打电话给:15602512356

⑥发短信(winphone系统无效)

发短信给: 10010

⑦ 当浏览者点击这个链接时，浏览器会自动调用默认的客户端电子邮件程序，并在收件人框中自动填上收件人的地址下面

 

发电子邮件

⑧webkit表单输入框placeholder的颜色值改变：

如果想要默认的颜色显示红色，代码如下：

input::-webkit-input-placeholder{color:red;}

如果想要用户点击变为蓝色，代码如下：  

input:focus::-webkit-input-placeholder{color:blue;}

⑨移动端IOS手机下清除输入框内阴影，代码如下：

input,textarea {   -webkit-appearance: none;}

⑩在IOS中 禁止长按链接与图片弹出菜单

a, img {   -webkit-touch-callout: none; }