漂亮的网页按钮CSS代码

七彩课堂[网页设计教程]

如何实现点击电话号码自动到拨号页面

微信内置浏览器中如何实现点击电话号码自动到拨号页面？
一般的web处理 1.一键拨号：
<a href="tel:10086">马上拨打电话10086</a>
2.发送短信功能：
<a href="sms:10086">发送短信</a>
3、移动web页面自动探测电话号码
<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-rim-auto-match" content="none">
4.使用wtai协议进行拨打电话。
<a href="wtai://wp//mc;10086">拨打10086 </a>
<a href="wtai://wp/ap;10086;">存储</a>
一般建议采用这个方式。
关于微信页面会出现屏蔽的方式，所以采取以下解决方案
解决方法如下：
1、拨号的代码还是不变，和原先的一样，
2、打开拨号页面要做下处理，在网址后面增加一个锚节点mp.weixin.qq.com。
实例如下：
如：<a href="tel:10086">一键拨号</a> 上需要拨号代码，操作如下
在有这个代码的页面URl后边加上“#mp.weixin.qq.com” 如：tel:10086#mp.weixin.qq.com
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<meta name="format-detection" content="telephone=13967446368">
<title>手机百度</title>
<style>
body,h1,h2,h3,p,div,ol,ul,input,button{margin:0;padding:0}body{line-height:1px;text-align:left;-webkit-text-size-adjust:none;max-width:100%;overflow-x:hidden;vertical-align:top;font-family:Arial,Helvetica,sans-serif}ol,ul{list-style:none}a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}input,button,textarea{border:0;border-radius:0;background:transparent;-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}button{outline:0}html{font-size:100px;line-height:100px}@media screen and (max-width:360px){html{font-size:90px;line-height:90px}};
</style>