H5移动端兼容性问题处理总结

1. 当设置样式overflow:scroll/auto时，IOS上的滑动会卡顿

-webkit-overflow-scrolling:touch;

2. 在安卓环境下placeholder文字设置行高时会偏上

input有placeholder属性的时候不要设置行高

3. 移动端字体小于12px时异常显示

应该先把在整体放大一倍，然后再用transform进行缩小

4. ios下input按钮设置了disabled属性为true显示异常

input[type=button]{ opacity:1 }

5. 安卓手机下取消语音输入按钮

input::-webkit-input-speech-button{ display:none }

6. IOS下取消input输入框在输入英文时首字母默认大写的问题

<input autocapitalize='off' autocorrect='off'/>

7. 禁用IOS和安卓用户选中文字

/*添加全局CSS样式:*/ -webkit-user-select:none

8. 禁止IOS弹出各种窗口

-webkit-touch-callout:none

9.禁止IOS识别长串数字为电话

<!-- 添加meta屆性 -->
<meta conten='telephone=no' name='format-detection'>