Html 将CSS3转换设置为无

我如何使CSS转换在媒体查询或任何其他情况下都不起作用？例如：

@media (min-width: 200px) {
    element {
        transition: width 1s;
    }   
}

@media (min-width: 600px) {
    element {
        transition: none; // SET TO NO TRANSITION
    }   
}

---

应该做到这一点，因为它基本上是说有一个过渡，但0s太快了，看不到它

您可以将转换属性设置为none。这样，将不会应用过渡效果

像这样：

-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;

---

比将转换属性设置为无更好的是将转换持续时间设置为0s

这是跨浏览器代码：

-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;

为什么这样更好？因为，默认情况下，符合标准的浏览器（如Firefox）会将每个元素的转换属性设置为all。他们还将转换持续时间设置为0s。因此，通过将转换持续时间设置为0s，可以最接近地匹配浏览器定义无转换元素的方式

---

将转换持续时间设置为默认值0s会使转换属性变得不相关。

如果转换正在缩放元素，那么这不是一个真正的解决方案。您不能只设置

转换：无

（如果需要，加上前缀）？

转换：取消设置

？这不是类似于将属性标记为none吗？@tomekwi您可以，但这是一个必须由解释器扩展的速记属性。设置

转换属性

不需要这种浪费性的扩展。

-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;