工作中解决过哪些移动端的兼容问题?

1.当设置样式overflow:scroll/auto时，IOS上的滑动会卡顿，可以设置-webkit-overflow-scrolling:touch;

2.在安卓环境下placeholder文字设置行高时会偏上input有placeholder属性的时候不要设置行高

3.移动端字体小于12px时异常显示,应该先把在整体放大一倍，然后再用transform进行缩小

4.ios下input按钮设置了disabled属性为true显示异常input[typy=button]{opcity:1}

5.安卓手机下取消语音输入按钮input::-webkit-input-speech-buttonfdisplay: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'I name='format-deta'>