我的网站在打印时会缩放，使黑色文本显示为灰色

Question

我有一个完全流畅的网站，主要是为打印而设计的。它可以很好地拉伸到任何窗口或纸张尺寸：

body { width: 100%; }

然而，对于打印页面，我的一些黑色线条和文本变为灰色，我有1px行不打印为实线，而是更多的模糊灰色虚线。这似乎是因为浏览器正在缩放打印页面，比如IE的“Shrink To Fit”。

所以我看到两个选择。

1. 使用在打印时工作良好的css单位指定行宽和字体大小，可能会与浏览器内置机制作斗争，以便在以像素为单位指定所有内容时使页面打印良好。 This question部分工作没有取得多大成功。

2. 找到body宽度（8.5in？7.5in？90%？800px？），它会使线条变为实心，文字为黑色，为8.5英寸宽纸。

哪种方法可能会成功？

Answer 1

您可以考虑为打印介质使用单独的样式表，或者只是在当前样式表的末尾覆盖有@media print { /* rules here */}块的违规样式。

如果您正在为屏幕和打印设计网站，这将为您提供最灵活的方式来独立控制两种媒体的样式。

Answer 2

这可能是打印机质量的问题。高清晰度渲染的1px看起来有点不同，它来自一台打印质量设置为“快速吃水”的5年打印机。

尝试两种简单的故障排除方法：

1. 要么提高打印质量并以全彩色打印，要么使用其他打印机进行打印。

2. 如果有可能，也许你可以尝试加粗线条？我知道它可能不适用于您的设计，但有时最简单的答案是最好的。

祝你好运。