前端html兼容性问题

常用的meta属性设置

meta对于移动端的一些特殊属性，可根据需要自行设置

//禁止 iOS 识别长串数字为电话
<meta content="telephone=no" name="format-detection" />
//Android 禁止屏幕旋转
<meta name="screen-orientation" content="portrait" />
//不让 Android 手机识别邮箱
<meta content="email=no" name="format-detection" />
//禁止电话号码识别
<meta name="format-detection" content="telephone=no" />
//全屏显示
<meta name="full-screen" content="yes" />
//H5页面窗口自动调整到设备宽度，并禁止用户缩放页面
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
//当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari  ios7.0版本以后，safari上已看不到效果 
<meta name="apple-mobile-web-app-capable" content="yes" />
将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式

a标签唤起原生应用

同样地，我们也可以通过标签属性来开启长按邮箱地址弹出邮件发送的功能：

<a mailto:dooyoe@gmail.com">dooyoe@gmail.com</a> //唤起邮箱
<a href="tel:123456">123456</a> //唤起电话