2015-10-19 16 views
4

我真的希望有人能帮助我理解是什么问题...我仍然有那些需要CSS3前缀-webkit-

,尤其是如果它只是性能在我的iPhone的问题我还是所有的移动设备使用safari。比一周前减少

我意识到意外财产

align-items: center; 

不再在我的iPhone 5(未更新到9.x版)专门的工作,但它的工作对其他新的,更iphone MAC

我开了一个话题,有人建议我加上前缀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轻松....

我错了?或改变移动Safari浏览器的东西?或者我的ihpne坏了?

感谢

回答

0

一般-webkit-方面不工作的手机,你尝试检查,看看你的CSS划分? (例如,桌面样式表具有属性,而不是移动的。)

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

我建议的最好的事情是从App Store试用Chrome应用程序。这样你就可以知道这个问题是不是只适用于Safari,或者一般来说是Mobile。

此外,您可能需要在CSS中同时列出-webkit-transition和transition:。通常,您总是需要实际的属性,然后是供应商前缀。

+0

我通过添加前缀-webkit-也是属性的值来“暂时”解决问题。 但真正的问题(因为你的答案,我认为并不清楚)是'因为我的iPhone 5的前缀是属性的值需要? 也许因为它没有更新到版本9.x ??????? 我希望这个问题应该得到更好的结果。 – Borja