A链接的使用以及移动开发兼容

手机网页打开内置QQ

<a href="mqqwpa://im/chat?chat_type=wpa&uin=(qq账号)&version=1&src_type=web&web_src=oicqzone.com">QQ</a>

打开手机短信

<a href="sms:4008-010-611"></a>

打开手机拨号功能

<a href="tel:4008-010-611"></a>

移动端META，兼容Android和ios数字颜色不统一

<meta name="viewport" content="width=-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">

IOS中input标签type属性值为submit时 和Android样式不统一

input{ -webkit-appearance: none;} 

IOS中click事件会有阴影闪烁

-webkit-tap-highlight-color: rgba(0,0,0,0); 

移动端click事件会有300毫秒的延迟，解决办法是引入fastclick.js插件

<script>
    $(function(){
        FastClick.attach(document.body); 
    })
</script>