Flexbox在移动设备上被忽略

Question

我使用flexbox在页脚导航中将列表项分布在页脚宽度上。

它正在在我的浏览器中正确显示以及Chrome的移动仿真中。但是，它已在任何移动设备上均被忽略。

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

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

   li {
      padding: 0;
   }
}
    

我使用flexbox将页脚导航中的列表项分布在页脚宽度上。它可以在我的浏览器以及Chrome的移动仿真中正确显示。但是，它会被忽略...

Answer 1

发生这种情况是因为display:flex和justify-content: space-between在所有类型的浏览器中都不兼容。因此，我们应该有一个跨浏览器兼容的CSS，如下所示：