Question

我有一套通用样式，后面是@media max-width规则中的一些样式，最后是申请打印的样式：

/* general */

@media (max-width: 1000px) {
....
}

@media (max-width: 600px) {
....
}

@media print {
...
}

CSS在打印时如何应用这些规则。我尝试使用Chrome进行打印，显然，这些max-width规则中的一些规则也适用。对于A4尺寸的纸张（宽度为210mm），max-width规则如何适用？

Answer 1

使用这些而不是你的：

media only screen and (max-width: 1000px) {
 //styles go here
}

@media only screen and (max-width: 600px) {
 //styles go here
}

@media print {
 //styles go here
}

@media max-width规则是否适用于打印？

1 个答案: