ios、安卓前端兼容性1
阿新 • • 發佈：2019-05-09
input 移動 tor ios 數字 rap define one mat
2.input框聚焦，ios出現outline或者陰影，安卓顯示正常
- 解決方法
input:focus{outline:none}
input:{-webkit-appearance: none;}
3.關於flex布局
- 解決方法
flex布局對於低版本的安卓，不支持flex-wrap:wrap屬性，但是ios系統支持換行屬性，這個時候如何解決呢？當然是不使用換行啦。
如果你的布局必須要用到換行，那就在外層包裹一個大的div，然後設置幾個小div，每個小div的布局都是flex（但是不換行哦）；（希望你能理解我的意思，如果不理解，可以在下方留言，我會實時做出解答）
4.ios系統，會將數字當成電話號碼，導致變色
- 解決方法
<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-rim-auto-match" content="none">
將上面的代碼加入到<head>標簽中
5.禁止安卓識別email
- 解決方法
<meta content="email=no" name="format-detection" />
6.input 的placeholder屬性會使文本位置偏上
- 解決方法
line-height: （和input框的高度一樣高）---pc端解決方法
line-height：normal ---移動端解決方法
7.input type=number之後，pc端出現上下箭頭
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0;
}
作者：一個寫前端的姑娘
ios、安卓前端兼容性1