兼容性

Posted 2021-02-11 chenxiaomei0104

1.select option设置display:none;在ios上不生效；

2.input --->ios不兼容keyup事件，解决办支改用原生 .addEventListener(‘input‘,functon)

3.ios打字时自动在input输入框拼音中间加上了一个单引号，而后台对这个单引号报错,解决办法正则匹配：text.replace(/‘/g,"");

4.ios input获得焦点时，可能消失或错位(-webkit-user-select:none)，解决办法：user-select:text;   -webkit-user-select:text;

5.浏览器默认的margin和padding不同，解决办法，设置margin:0;padding:0;

6.禁止手机页面放大、缩小，解决办法：meta标签name="viewport"，设置user-scalable=0；

7.手机端是否以全屏模式显示，解决办法：meta标签设置<meta name="apple-mobile-web-app-capable" content="no">

8.禁止ios识别长串数字为电话，解决办法：<meta name="format-detection" content="telephone=no">

9.某些安卓机圆角失效，解决办法：background-clip: padding-box;

10.部分机型在input的type为search时会自带close按钮，解决办法：#Search::-webkit-search-cancel-button{display:none;}

11.禁止旋转屏幕时，自动调整字体大小，解决办法：html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}