对于那些需要CSS3前缀-webkit-的属性,我的iphone仍有问题

时间:2015-10-19 12:43:13

标签: css css3 safari mobile-safari flexbox

我真的希望有人帮我理解问题是什么......

特别是如果它只是我或所有使用safari的移动设备。

不到一个星期前,我意外地意识到了这个属性

align-items: center;

不再专门用于我的iphone 5(未更新至9.x版本),但它可以在Mac上运行其他新款和更多iphone

我打开了一个主题,我被建议添加前缀webkit(我做了,但我不明白为什么它一旦工作没有前缀,现在没有..)

How is possible that "display: flex" and "align-items: center" do not work anymore on my iphone?

现在我发现转换css3不起作用......虽然我有前缀-webkit!

-webkit-transition: transform 250ms ease out 0s;


 -webkit-transform: rotate (-180);

但荒谬的是它很容易在Mac上运行....

我错了?或改变移动野生动物园的东西?还是我的ihpne坏了?

由于

1 个答案:

答案 0 :(得分:0)

对于一般的-webkit-不在移动设备上工作,您是否尝试过检查您的CSS是否被分割? (例如,桌面样式表具有属性而非移动属性。)

关于轮换,我不认为轮换适用于移动浏览器。我没有实际的证据支持这种说法,除了经验之外,它从来不适用于移动设备。它可能适用于另一部手机(Android?Windows Phone?)或浏览器。 Safari for iOS与Safari for Mac不同。

我可以建议的最好的方法是从App Store试用Chrome应用。这样你就可以知道这个问题是仅仅适用于Safari还是Mobile。

此外,您可能需要在CSS中列出-webkit-transition:和transition :.通常,您始终需要实际属性,后跟供应商前缀。