有关于 flexbox 与 safari 的兼容性的问题

2016-08-14 18:28:59 +08:00
 DoraJDJ

事情是这样的,刚才我翻邮件的时候发现有人告诉我我的博客样式出现了一些问题:

他还在邮件里贴出了他的浏览器 UA ,看了一下是 Safari 浏览器。

因为我没有 Mac 系电脑,我只能通过其他浏览器试图模仿出他所遇到的问题。

在开发者工具内乱搞了一下,发现当 flexbox 的开关关掉后,就能重现出他所述的问题。

奇怪的是,他所使用的浏览器版本是 8.0.5 (在某个 UA 分析站上分析到的),可是在 caniuse.com 里查到 flexbox 在 Safari 8 里是可用的,但是要加 -webkit- 的前缀。

我目前使用的样式( Semantic UI )里,有关 flexbox 的参数里都有 -webkit- 之类的前缀。

我现在有点纳闷,既然 Safari 8 支持 flexbox ,那为什么对方在访问我的网站时还是会出现问题?

6095 次点击
所在节点    CSS
5 条回复
skydiver
2016-08-14 19:24:45 +08:00
@JoyNeop 当事人来解释一下吧……
chemzqm
2016-08-14 21:25:45 +08:00
你看清楚,它只加了 -ms- 前缀,并没有 display: -webkit-flexbox
DoraJDJ
2016-08-14 21:28:49 +08:00
@chemzqm display 必须是 -webkit-flexbox 才能在旧版本的 Safari 用 flexbox 吗?
SourceMan
2016-08-14 21:38:10 +08:00
所以就得靠 autoprefxer
JoyNeop
2016-08-29 13:33:41 +08:00
@skydiver なにもしらないけど(

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/299244

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX