我真的希望有人能帮我理解问题所在。
尤其是如果只有我或者所有使用safari的移动设备。
不到一周前,我意外地意识到
align-items: center;
不再只适用于我的iPhone5(没有更新到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坏了?
谢谢
发布于 2015-10-23 23:11:40
关于一般的-webkit-在移动设备上不起作用,你有没有试着检查一下你的CSS是否被分割了?(例如,桌面样式表具有属性,而不是移动样式表。)
关于旋转,我不认为旋转适用于移动浏览器。我没有实际的证据来支持这种说法,除了经验之外,它在移动设备上对我来说从来都不起作用。它可能会在另一部手机上运行(Android?Windows Phone?)或者浏览器。Safari for iOS与Safari for Mac是不同的浏览器。
我能建议的最好的办法就是尝试一下app Store上的Chrome应用。这样你就可以知道问题是Safari的问题,还是一般的Mobile问题。
此外,您可能需要在CSS中同时列出-webkit-transition:和transition:。通常,您总是想要实际的属性,后跟供应商前缀。
https://stackoverflow.com/questions/33214711
复制相似问题