前端开发技巧让前端飞前端

ios、安卓前端兼容性大全

2018-04-07  本文已影响342人  一个写前端的姑娘

1.日期兼容性

2.input框聚焦,ios出现outline或者阴影,安卓显示正常

input:focus{outline:none}
input:{-webkit-appearance: none;}

3.关于flex布局,安卓和ios的布局

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;
}

结语

上一篇 下一篇

猜你喜欢

热点阅读