javascript - 打印页面去除了一些颜色

Question

我的网络应用程序中有一个页面，如下所示：

这是一个带有一些精确点的图像。但是当我使用 chromes print -> save as pdf 功能打印此页面时，它看起来像这样

如您所见，针尖的颜色消失了，它们只是白色。怎么来的？我该如何解决？

标签： javascripthtmlprinting

Answer 1

这个问题可以通过调整任何专门针对屏幕而不是打印机的媒体查询 css 规则来解决。例如：

@media screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

仅在屏幕上查看时应用规则。也适用于打印机：

@media all and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}