常用的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> //唤起电话
标签: 前端兼容
上面是“前端html兼容性问题”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。
当前网址:https://m.ipkd.cn/webs_1511.html
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!