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

来源:互联网 发布:watershed算法原理 编辑:程序博客网 时间:2024/06/06 16:55

手机网页打开内置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>
原创粉丝点击