1. 当设置样式overflow:scroll/auto时,IOS上的滑动会卡顿
-webkit-overflow-scrolling:touch;
2. 在安卓环境下placeholder 文字设置行高时会偏上
input有placeholder属性的时候不要设置行高
3. 移动端字体小于12px时显示异常
应该先把字体整体放大一倍,然后再用transform进行缩小
4. ios下input按钮设置了disabled属性为true显示异常
css
input[type=button]{
opcity:1
}
5. 安卓手机下取消语音输入按钮
css
input::-webkit-input-speech-button{
display:none
}
6. IOS下取消input输入框在输入引文首字母默认大写
html
<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'>