常见的 移动端问题

一：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面

　　<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

　　（部分安卓手机的UC浏览器写完以后还是可以放大缩小）

二：将页面中的字段调取本地功能；

　　电话：<a href=" tel:13935828512">点击拨打电话</a>

　　信息：<a href="sms:13935828512">点击发送短信</a>

　　邮箱：<a href="mailto:13935828512@163.com">识别邮箱</a>

　　　　（在收件人地址后用?cc=开头，填写抄送地址 android存在兼容问题）

　　　　<a href="mailto:peun@foxmail.com?cc=lina@qq.com">单击这里给peun发电子邮件</a>

三：忽略页面中识别手机号的功能

　　<meta name="format-detection" content="telephone=no" />（ios上会明显 有时候会把数字当成电话号码）

四：忽略Android平台中对邮箱地址的识别

　　<meta name="format-detection" content="email=no" />

五：iphone 私有标签

　　<meta content="yes" name="apple-mobile-web-app-capable">//这个也是iphone私有标签，允许全屏浏览。

　　<meta content="black" name="apple-mobile-web-app-status-bar-style">//iphone的私有标签，iphone顶端状态条的样式。

　　<meta content="telephone=no" name="format-detection">//禁止数字自动识别为电话号码，这个比较有用，因为一串数字在iphone上会显示成蓝色，样式加成别的颜色也是不生效的。