html - 基于 Flexbox 的 CSS 无法在任何 iOS 浏览器上运行

Question

我正在为我的网站使用 Jade、Stylus 和 Node JS。它在桌面 Chrome、Firefox、IE 和 Edge 上运行良好。它在 Android Chrome 和浏览器上运行良好。它在 iOS Chrome 或 Safari 上无法正常运行，在两者上都显示出类似的故障。它也不适用于桌面上的 Safari。它似乎适用于 iOS9 但不适用于 iOS8 或更低版本。

这是一张屏幕截图，显示了 Android 上的移动版 Chrome 和 iOS 上的移动版 Chrome 之间的区别。 http://imgur.com/a/kjU23

即使我明确地放置了 -webkit-，并且 nib 正在编译的 CSS 中生成 -webkit- 前缀，为什么它不能在移动 iOS 浏览器上工作？这是我在 Github 上的完整 CSS。 https://github.com/Connorelsea/LSMSA-SGO-Website/tree/master/public/css

用于测试和演示的实时网站在这里:http://www.lsmsaSGO.com

该网站完整的 Stylus 代码有几千行，但示例如下。我的手写笔代码:

.addMore
    text-align center

    .multButtons
        width 100%
        display -webkit-flex
        display flex
        justify-content center
        -webkit-justify-content center
        align-items center
        -webkit-align-items center
        flex-direction column
        -webkit-flex-direction column

使用 Stylus 和 Nib 编译的 CSS。

  .addMore {
    text-align: center;
  }
  .addMore .multButtons {
    width: 100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-direction: column;
  }

Answer 1

关闭 .issueContainer 上的 flex 似乎可以解决问题。

.issueContainer {
    /* display: -webkit-flex; */
    /* display: flex; */
    /* flex-direction: row; */
    /* align-items: center; */
}

.issueContainer 不需要 flexbox 来使其子级堆叠，因为无论如何这是默认行为。