【问题标题】:Weird Flexbox Behaviour in SafariSafari 中奇怪的 Flexbox 行为
【发布时间】:2016-11-03 17:24:51
【问题描述】:

所以我对 flexbox 还是很陌生,而且我是一个真正的前端开发人员。我正在为即将到来的副项目开发 WordPress 主题,目前我正在做 HTML 部分。

我在几乎所有事情上都使用 flexbox,但我遇到了一些奇怪的 flexbox 行为的问题。

如果您转到http://hatch.tips/preview 并在 Chrome 中检查,一切似乎都很好。 Mozilla 也很好,除了压缩徽标右侧的奇怪边框(调整浏览器大小)。

在 Safari 上,事情变得非常混乱,所以你应该检查一下。

我非常感谢任何帮助。首先你可能会注意到我还没有为我的代码使用任何前缀,但是由于 Safari 渲染了一些 flexbox 的东西,我认为这可能不是真正的问题。

【问题讨论】:

  • 我经常被提醒不要假设。 Autoprefixer 是你的朋友autoprefixer.github.io
  • 欢迎来到 Stack Overflow!寻求代码帮助的问题必须包含在问题本身中重现它所需的最短代码。虽然您提供了link to an example or site,但如果链接失效,您的问题对于未来遇到同样问题的其他 SO 用户将毫无价值。
  • 不。代码链接也没有用,实际代码的演示是。
  • @Michael_B 该链接很有帮助。我会调查一下,看看能不能解决这个问题,谢谢!

标签: css safari flexbox


【解决方案1】:

Flexbox 仍然“相当新”,所以我建议使用前缀。它修复了大部分错误,尤其是在 IE 中。

见:http://shouldiprefix.com/#flexbox

【讨论】:

  • 这真的是评论,不是答案。
  • 我给我的代码加上了前缀,恐怕还是会出现问题。
猜你喜欢
  • 2016-12-29
  • 1970-01-01
  • 1970-01-01
  • 2012-02-01
  • 2019-12-05
  • 2016-11-03
  • 2021-11-13
  • 2020-01-03
  • 1970-01-01
相关资源
最近更新 更多