移动端兼容问题

1、当设置样式overflow:scroll/auto  IOS上会出现卡顿问题

解决思路：-wibkit-overflow-scrolling:touch

2、在安卓环境中，input有placeholder时，设置input的行高，文字会偏上

解决思路：input 有placeholder时 不要设置行高

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

解决思路：整体放大，在等比缩小使用transform

4、IOS中input按钮设置了disabled=true;显示异常

解决思路：input[type=button]{opcity:1}

5、安卓中取消语音输入按钮：

解决思路：input：：-webkit-input-speech-button{display:none};

6、IOS下取消input 输入首字母大写的问题

解决思路：

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

解决思路：提那家全局样式，-webkit-user-select:none

8、禁止IOS弹各种窗口

解决思路：-webkit-touch-callout:none

9、禁止IOS识别长传数字为电话：

解决思路：添加meta属性