【问题标题】:Flex box is not working in Safari 5.1Flex 框在 Safari 5.1 中不起作用
【发布时间】:2023-03-26 09:39:01
【问题描述】:

我感到非常沮丧....在我的桌子上使用 flex box,它的工作很棒是 chrome 和 firefox,但不是在 Safari 中。我的 Safari 版本是 5.1。我试图通过网络找出解决方案,但很难找到它。人们大多要求使用 display: -webkit-box 但它也不起作用。有什么魔术吗?????????

我已经尝试了几乎所有通过网络告知的修复方法。这是我的代码

.my-table ul li {
     display: -webkit-flex;
     display: -webkit-box;
     display: -ms-flex;
     display: flex;
}

【问题讨论】:

  • “不工作”不是一个好的问题描述。告诉我们您想要发生什么以及会发生什么。理想情况下,显示一个您指出问题的屏幕截图。最重要的是,提供一个完整的 sn-p 来演示问题。
  • 寻求代码帮助的问题必须包含重现它所需的最短代码在问题本身中最好在Stack Snippet 中。见How to create a Minimal, Complete, and Verifiable example
  • ...但是没有人使用 Safari 5..这是一个死浏览器。
  • @Paulie_D 这个网站上有很多关于 Safari 5.1.7 的问题。显然它并没有你想象的那么死。

标签: css safari


【解决方案1】:

Flexbox 在 safari 5.1.7 中运行良好

我在我的所有项目中都使用了它,但我注意到一些 flex 属性不起作用。具体来说就是flex-wrap、flex-direction、flex-grow等。

  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;

【讨论】:

  • 我已经尝试了所有这些,正如我在问题中提到的那样,但所有这些都不起作用。需要一些神奇的修复
  • flexbox 我相信只有 Safari 10+ 支持 caniuse.com/#search=flexbox
  • @Anirudha 查看您链接到评论的页面。部分支持 Safari v3.1 - 6 :) 某些 flexbox 属性不起作用。
  • @Anirudha 你没有完全扩展浏览器版本。
猜你喜欢
  • 2016-12-30
  • 2018-02-15
  • 2018-08-05
  • 2017-04-06
  • 2017-02-21
  • 1970-01-01
  • 2013-12-02
  • 2018-01-18
  • 2011-09-14
相关资源
最近更新 更多