我遇到了媒体查询中包含的移动类在打印时错误地应用于 chrome 浏览器的问题。
当点击ctrl+p在桌面上打印(通过chrome浏览器)时->我的移动类正在申请全屏,打印版本不正确.我想确保用户可以通过 chrome 浏览器从桌面打印,并且移动样式/类/布局不会注入(inject)打印版本。
我在页面上有一个打印按钮和一个打印特定样式表。打印按钮没有问题,仅在浏览器打印时出现问题,并且仅在 chrome 中出现。奇怪的是,它在 firefox 和 IE 中都能正常工作(看图吧!)。
我试过在我的页眉中包含一个额外的打印特定样式表,如下所示:
<link rel="stylesheet" href="/_css_/print.css" type="text/css" media="print" />
在这个 print.css 样式表(从 SCSS 编译)中,我尝试了各种不同版本的包装所有样式:@media print { }
都无济于事。
提前感谢您对这个麻烦的 chrome 打印的帮助!
最佳答案
尝试将您的移动样式放在 @media screen
中:
@media screen and (max-width: 800px) {
}
关于css - 从 chrome 浏览器打印错误地应用媒体查询中的移动类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49946026/