如何打印 html 页面忽略响应式视图 css？

Question

我想打印 html 页面，html 页面是响应式的。在桌面上查看时打印的格式很好。但是，这里的问题是，当使用移动设备时，打印的格式将与使用桌面的打印版本不同。内容放大了。如何使手机打印的格式与桌面相同？

Answer 1

您可以在 CSS 中使用

@media print

并确保查询应用于 CSS 文件中的正确位置。 示例：

@media print
   {
      p.bodyText {font-family:Georgia, times, serif;}
   }

或者，如果您在单独的文件中定义样式表，那么您也可以在链接到外部样式表时使用媒体属性

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

Answer 2

只需添加桌面媒体查询即可进行打印。像这样的东西

@media print and (min-width: 1024px) {
}

Answer 3

我遇到了同样的问题，你找到解决办法了吗？ 我认为 CSS 是不可能的