从 chrome 浏览器打印时错误地应用了媒体查询中的移动类



我在打印时在 chrome 浏览器中错误地应用媒体查询中包含的移动类时遇到问题。

当单击ctrl+p在桌面上打印(通过chrome浏览器)时 ->我的移动类正在应用于全屏,并且打印版本不正确。我想确保用户可以通过 chrome 浏览器从桌面打印,并且移动样式/类/布局不会被注入到打印版本中。

我在页面上有一个打印按钮和一个打印特定的样式表。打印按钮没有问题,问题仅在浏览器打印时出现,并且仅在 chrome 中出现。奇怪的是,它在Firefox和IE中可以正常工作(去图!

我尝试在我的标题中包含额外的打印特定样式表,如下所示:

<link rel="stylesheet" href="/_css_/print.css" type="text/css" media="print" />

在这个打印.css样式表(从 SCSS 编译)中,我尝试了各种不同版本的包装所有样式:@media print { }都无济于事。

提前感谢您对这种麻烦的镀铬打印的帮助!

尝试将您的移动样式放在@media screen内:

@media screen and (max-width: 800px) {
}

最新更新