为什么 display-flex 在 safari 中不起作用。有什么办法可以解决这个问题吗？答案

【问题标题】：Why display-flex not working in safari. Is there is any way to solve this problem?为什么 display-flex 在 safari 中不起作用。有什么办法可以解决这个问题吗？
【发布时间】：2020-12-29 16:46:43
【问题描述】：

当我尝试在 safari 列网格中使用引导列时，它会崩溃。有没有办法在 safari 浏览器中支持 display-flex ......？

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>


<div class="container">
  <div class="row">
    <div class="col-4 pl-0">
      One of three columns
    </div>
    <div class="col-4 pl-0">
      One of three columns
    </div>
    <div class="col-4 pl-0">
      One of three columns
    </div>
  </div>
</div>

【问题讨论】：

好吧，我在 safari 中打开了这个问题，它似乎对你的 sn-p 有用 :)
但我没有在 mac 中使用 safari 我在 windows 中使用 safari
您使用的是哪个 Safari 版本？ Display flex 应该在最新版本上可用caniuse.com/mdn-css_properties_display_flex

标签： html css twitter-bootstrap safari

【解决方案1】：

根据caniuse.com，Safari 从 6.1 版开始支持display: flex。不过，适用于 Windows 的最新 Safari 版本是 2012 年的 5.1.7，因此 Windows 不支持 display: flex，并且无法解决这个问题。

我可以补充一下，使用 8 年前的浏览器是一个非常糟糕的主意吗？

【讨论】：