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

nc1teljy 于 2024-01-09 发布在其他

关注(0)|答案(2)|浏览(107)

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

2条答案

您可以在CSS中使用@media print，并确保查询应用在CSS文件中的正确位置。示例：

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

字符串
或者如果你在一个单独的文件中定义你的样式表，那么你也可以在链接到外部样式表时使用media属性

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

型

只需添加桌面媒体查询打印。类似这样的东西

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

字符串