常见的 移动端问题

2019-09-12 18:50:37 浏览数 (1)

一: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存在兼容问题

代码语言:javascript复制
    <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上会显示成蓝色,样式加成别的颜色也是不生效的。

0 人点赞