我遇到媒体查询中包含的移动类在打印时在Chrome浏览器中错误应用的问题。
点击 ctrl + p 在桌面上打印（通过Chrome浏览器） - ＆gt;我的移动课程正在全屏应用，打印版本不正确。我想确保用户可以通过Chrome浏览器从桌面打印，并且移动样式/类/布局不会被注入打印版本。
我在页面上有一个打印按钮和一个打印特定的样式表。打印按钮没有问题，只有在浏览器打印时才会出现问题，并且仅在chrome中出现问题。奇怪的是，它在firefox和IE中正常工作（去图！）。
我尝试在我的标题中包含一个额外的打印特定样式表，如下所示：
<link rel="stylesheet" href="/_css_/print.css" type="text/css" media="print" />
在这个print.css样式表（从SCSS编译）中，我尝试了各种不同版本的包装所有样式：@media print { }都无济于事。
提前感谢您对这个麻烦的镀铬打印的帮助！
答案 0 :(得分：0)
尝试将您的移动样式放在@media screen：
@media screen and (max-width: 800px) {
}