1.数字键盘
没有小数点:<input type="tel" pattern="[0-9]*” >
带小数点:<input type="number" pattern="[0-9]*” >
2.overflow:scroll在ios卡顿
在滚动的容器上增加:-webkit-overflow-scrolling: touch;
body {
-webkit-overflow-scrolling:touch;
overflow-scrolling: touch;
}
3.点击元素去掉边框
a,button,input,textarea {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
4.ios 的光标大小问题
设置字体大小和行高一致,然后通过 padding 撑开大小
5.ios选中输入框后,整个页面会自动放大,请锁定页面无需放大
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
6.禁用输入框
readonly="readonly"或者disabled=“disable