Css &引用；转变：转变；不'；不能在桌面浏览器中工作

我使用这个转换css3：

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

它们在移动浏览器（firefox应用程序、chrome应用程序、iPhone9.2的safari）上运行良好

但在桌面浏览器（ff、chrome ecc）上不起作用。。怎么可能

编辑

我用JSFIDLE创建了一个示例：

我有一个带有css3（转换）的元素，然后通过一个事件添加

transform:rotate（-180deg）

。通过这种方式，我可以旋转元素（它将是一个动画）。我在本地、JSFIDLE中尝试了这段代码，效果很好。但当我在我的网站上尝试这段代码时，我的桌面浏览器出现了问题（safari除外）

在我的网站中，我有css样式表，里面还有媒体查询（

@media（最小宽度：1025px）

和

@media（最大宽度：1024px）

），但css3（转换）不在媒体查询中

使用firebug，我分析了元素，但没有我向您展示的css（我不明白为什么）

---

但手机浏览器（我的意思是移动应用程序，而不是桌面浏览器窗口的大小调整）工作得很好

问题在于css缩小，事实上，缩小后的css在第一篇文章中显示为：

-webkit-transition: transform 250ms ease-out 0;
-moz-transition: transform 250ms ease-out 0;
-o-transition: transform 250ms ease-out 0;
-ms-transition: transform 250ms ease-out 0;
 transition: transform 250ms ease-out 0;

转换延迟没有这个单元（

s

秒），对于firefox来说是个问题，所以不要阅读它的css（我认为出于同样的原因，Chrome不起作用）。 因此，为了解决这个问题，我们可以编写一个转换shorhand，而无需

转换延迟

：

 -webkit-transition: transform 250ms ease-out;
 -moz-transition: transform 250ms ease-out;
 -o-transition: transform 250ms ease-out;
 -ms-transition: transform 250ms ease-out;
  transition: transform 250ms ease-out;

---

Infact现在在每种浏览器（台式机或移动设备）中都能很好地工作。我希望这个答案可以帮助其他用户。非常感谢和抱歉我的英语；D

定义“不起作用”-假设您正在应用转换？转换是由事件触发还是从一开始就存在？转换是在没有转换的情况下工作，还是转换本身不工作？您的CSS中是否有任何可能导致差异的媒体查询（快速相关测试-如果您的窗口非常窄，转换是否有效？如果您使用chrome的移动仿真模式，情况如何？），它可以工作：举个例子就好了。2分钟后我创建了一个JSFIDDLE，你可以在问题编辑器中内联添加一个代码段-比依赖外部站点要好。我不知道，请稍后内联添加一个代码段