Skip to content

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'>