首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >对于那些需要CSS3前缀的属性,我在iphone上仍然有问题-webkit-

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

Stack Overflow用户
提问于 2015-10-19 20:43:13
回答 1查看 440关注 0票数 3

我真的希望有人能帮我理解问题所在。

尤其是如果只有我或者所有使用safari的移动设备。

不到一周前,我意外地意识到

代码语言:javascript
运行
复制
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!

代码语言:javascript
运行
复制
-webkit-transition: transform 250ms ease out 0s;


 -webkit-transform: rotate (-180);

但荒谬的是,它很容易在mac上运行……

我错了吗?或者在移动safari上改变一些东西?还是我的ihpne坏了?

谢谢

EN

回答 1

Stack Overflow用户

发布于 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:。通常,您总是想要实际的属性,后跟供应商前缀。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33214711

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档