移动端兼容性问题

简单记录一下平时遇到的兼容性问题：

1.ios8及以下不支持flex布局

解决：safari使用webkit内核，在相关属性上加webkit兼容。

display: flex;

display: -webkit-flex;

justify-content: center;

-webkit-justify-content: center;

align-items:center;

-webkit-align-items: center;

...

 

2.ios11使用fixed布局时，input光标位置消失或错位

解决：将弹出框使用absolute，其父元素使用relative布局。

其他移动端fixed兼容问题解决方案