V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
DoraJDJ
V2EX  ›  CSS

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

  •  
  •   DoraJDJ · Aug 14, 2016 · 6488 views
    This topic created in 3553 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

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

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

    5 replies    2016-08-29 13:33:41 +08:00
    skydiver
        1
    skydiver  
       Aug 14, 2016 via iPad
    @JoyNeop 当事人来解释一下吧……
    chemzqm
        2
    chemzqm  
       Aug 14, 2016
    你看清楚,它只加了 -ms- 前缀,并没有 display: -webkit-flexbox
    DoraJDJ
        3
    DoraJDJ  
    OP
       Aug 14, 2016 via Android
    @chemzqm display 必须是 -webkit-flexbox 才能在旧版本的 Safari 用 flexbox 吗?
    SourceMan
        4
    SourceMan  
       Aug 14, 2016 via iPhone
    所以就得靠 autoprefxer
    JoyNeop
        5
    JoyNeop  
       Aug 29, 2016
    @skydiver なにもしらないけど(
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3229 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 49ms · UTC 14:41 · PVG 22:41 · LAX 07:41 · JFK 10:41
    ♥ Do have faith in what you're doing.