使用Css MediaQueries覆盖JQuery css值

我正在使用css媒体查询构建一种响应式Web响应。 我刚开始用jQuery包含一些动画并遇到了以下问题：

使用jQuery动画元素时，每个元素都会在其style="..."属性中接收动画值。 这意味着它们的原始值（可能已存储在类中）将被忽略。 我有一个媒体查询，目标是print并重置动画值，以便在纸上提供更好的视觉体验。 问题是，媒体查询中的更改不会影响元素，因为它们现在具有自己的样式属性，该属性比类设置更强。

 @media print{ .PaddOnScroll{ padding-left: 1.6em; opacity: 1; } } 

 
 ...  

您是否知道我如何强制应用媒体查询？

Answer 1

通过css覆盖内联规则的唯一方法是使用！important 。

 @media print{ .PaddOnScroll{ padding-left: 1.6em !important; opacity: 1 !important; } } 

另一种仅使用jquery的解决方案是计算屏幕大小并使用.css（）应用规则。