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的容器中。
未完,待续。