常见的有viewport、强制浏览器全屏、IOS的Web APP模式、可点击元素出现阴影
本文主要讲一些其他的或者实用的优化手段。
1. 弹出数字键盘
<!-- 有"#" "*"符号输入 -->
<input type="tel">
<!-- 纯数字 -->
<input pattern="d*">安卓跟IOS的表现形式应该不一样，大家可以自己试试。当运用了正则pattern后，就不用关注input的类型了。
2. 调用系统的某些功能
<!-- 拨号 -->
<a href="tel:10086">打电话给: 10086</a>
<!-- 发送短信 -->
<a href="sms:10086">发短信给: 10086</a>
<!-- 发送邮件 -->
<a href="mailto:839626987@qq.com">发邮件给：839626987@qq.com</a>
<!-- 选择照片或者拍摄照片 -->
<input type="file" accept="image/*">
<!-- 选择视频或者拍摄视频 -->
<input type="file" accept="video/*">
<!-- 多选 -->
<input type="file" multiple>
3. 打开原生应用
<a href="weixin://">打开微信</a>
<a href="alipays://">打开支付宝</a>
<a href="alipays://platformapi/startapp?saId=10000007">打开支付宝的扫一扫功能</a>
<a href="alipays://platformapi/startapp?appId=60000002">打开支付宝的蚂蚁森林</a>这种方式叫做URL Scheme，是一种协议，一般用来访问APP或者APP中的某个功能/页面（如唤醒APP后打开指定页面或者使用某些功能）
URL Scheme的基本格式如下：
行为(应用的某个功能/页面)
|
scheme://[path][?query]| |
应用标识 功能需要的参数
一般是由APP开发者自己定义，比如规定一些参数或者路径让其他开发者来访问，就像上面的例子
注意事项：
唤醒APP的条件是你的手机已经安装了该APP
某些浏览器会禁用此协议，比如微信内部浏览器（除非开了白名单）
4. 解决active伪类失效
<body ontouchstart></body>
给body注册一个空事件即可
5. 忽略自动识别
<!-- 忽略浏览器自动识别数字为电话号码 -->
<meta name="format-detection" content="telephone=no">
