移动端兼容

173 阅读1分钟
  • 低版本 webview 子元素 height:100% 属性无法继承父元素通过 flex-grow 获取来的高度

    解决方案:

    1. 全部采用 flex

      // 父元素
      display: flex;
      
      // 子元素:
      flex: 1 1;
      
    2. 父元素 与 子元素 通过定位解决。

      /* 父元素 */
      position: relative;
      
      /* 子元素 */
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;