解决了那些移动端的兼容性问题?
- 当设置样式overflow:scroll/auto时,IOS上的滑动会卡顿
-webkit-overflow-scrolling:touch;
- 在安卓环境下placeholder文字设置行高时会偏上
input有placeholder属性的时候不要设置行高
- 移动端字体小于12px时异常显示
- 应该先把在整体放大一倍,然后再用transform进行缩小
- ios下input按钮设置了disabled属性为true显示异常
input[type=button]{opcity:1;}
- 安卓手机下取消语音输入按钮
input::-webkit-input-speech-button{display:none;}
- IOS下取消input输入框在输入引文首字母默认大写
IOS下取消input输入框在输入引文首字母默认大写
- 禁用IOS和安卓用户选中文字
添加全局CSS样式:-webkit-user-select:none
- 禁止IOS弹出各种窗口
-webkit-touch-callout:none
- 禁止IOS识别长串数字为电话
- 添加meta属性
<meta conten='telephone=no' name='format-detection'>