在 Chrome 上更改页面样式的打印预览

Question

我使用的是 Chrome 92.0.4515.107。

当我点击打印按钮时，打印预览弹出，但网站失去了它的样式。

如你所见，第一张图片是在我点击打印之前：

但是当我点击并弹出打印预览后，我得到了这个：

当我使用 Firefox 时不会发生这种情况。

Answer 1

我已经成功了：

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

这会链接一个样式表来设置打印页面的样式。

您也可以尝试打印媒体查询来达到同样的效果：

@media print { }