使用@Media Query关闭动画

Question

我想停止所有移动设备上的所有动画。我将如何完成这项任务？

Answer 1

Alexander在上述评论中给出的答案有效，您可以使用媒体查询，如下所示：

@media (max-width: 800px) {
  * {
   -webkit-transition: none !important;
   -moz-transition: none !important;
   -o-transition: none !important;
   -ms-transition: none !important;
   transition: none !important;
  }
}

使用您用于移动设备的媒体查询，并使用*通配符将no转换应用于所有元素。

如果你有动画和转场，你可以尝试设置{em> 应禁用所有动画的animation-name:none;。