jquery - jQuery 可以修改特定媒体类型的 CSS 吗？

Question

jQuery 是否可以为特定媒体类型(例如打印)修改 CSS？

我的具体问题是我在一个元素上使用动画并且它覆盖了打印样式表，这破坏了我的打印布局。尽管我的问题与提出的一般问题略有不同，但我认为答案应该可以帮助我解决问题。任何可能的解决方法也会有所帮助。非常感谢。

Answer 1

您不需要使用 Javascript 执行此操作。只需在您的 css 文档中使用 @media 规则。 你可以将所有这些东西写在一个 css 文件中。这里是具体W3C Documentation

@media screen {

/* all your fancy screen css with a bunch of animation stuff*/

}

@media print {

/* all your fancy print css just plain */

}

您可以编写非常具体的声明并根据您的需要匹配所有元素。顺便说一句，最低支持 IE6。在我们的元素中发挥魅力。

@media print {
   body { font-size: 10pt }
}

@media screen {
   body { font-size: 13px }
}

@media screen, print {
   body { line-height: 1.2 }
}