移动设备上忽略了Flexbox

Question

我使用flexbox在页脚导航中跨列页宽度展开列表项。

在我的浏览器中正确显示以及Chrome的移动仿真。然而，在任何移动设备上被忽略我已经测试过（iPhone，iPad，三星平板电脑）。

有没有人看到我不知道的代码有什么明显的错误？ 下面是我正在使用的CSS / LESS片段。

ul {
   display: flex;
   justify-content: space-between;
   width: 100%;
   padding: 0;

   li {
      padding: 0;
   }
}

Answer 1

这发生在[x > 1, x < 1]＆amp; display:flex在所有类型的浏览器中都不兼容。所以我们应该有一个跨浏览器兼容的CSS，如下所示：

justify-content: space-between