开发中遇到的问题集锦

Posted 2020-12-31 apgy

1.华为mate8对flex属性兼容性问题。

原因：

• 华为mate8只支持 -webkit-box
• -webkit-box 盒子里的元素必须是块级元素（inline-block也是不行的）
• 子元素不支持 flex 属性，但是支持 box 相关的 -webkit-box-flex 属性

解决：display: -webkit-box; /* mate8 支持 */    

          -webkit-box-flex: 1; /* mate8 支持 */

 

2.overflow:scroll  在ios上滑动卡顿

解决：加上   -webkit-overflow-scrolling: touch;   //启用了硬件加速特性

副作用：容器中position:fixed;的元素，在滚动时上下跳动

解决：绝对定位的元素不要放在overflow:scroll的容器中。

 

 

未完，待续。