css - 对于那些需要 CSS3 前缀 -webkit- 的属性，我的 iphone 仍然存在问题

Question

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

特别是如果只有我或所有使用 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 上很容易工作....

我错了吗？或更改移动 safari 上的某些内容？还是我的 ihpne 坏了？

谢谢

Answer 1

就一般的-webkit- 不适用于移动设备而言，您是否尝试过检查您的 CSS 是否被分割？ (例如，桌面样式表具有属性而移动样式表没有。)

关于旋转，我认为旋转不适用于移动浏览器。除了经验之外，我没有任何实际证据来支持这一说法，它对我来说在移动设备上永远行不通。它可能适用于另一部手机(Android？Windows Phone？)或浏览器。适用于 iOS 的 Safari 与适用于 Mac 的 Safari 是不同的浏览器。

我能建议的最好的办法是试用 App Store 中的 Chrome 应用程序。这样您就可以知道问题是出在 Safari 上，还是出在移动设备上。

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