1

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

body { width: 100%; }

但是，对于打印的页面，我的一些黑色线条和文本变成灰色，并且我的1px线条不是以实线打印，而是更多的是模糊的灰色虚线。这似乎是因为浏览器会在打印时缩放页面，例如 IE 的“Shrink To Fit”。

所以我看到了两个选择。

  1. 使用适用于打印的 css 单位指定线宽和字体大小，这可能会与浏览器内置机制发生冲突，以在所有内容都以像素为单位指定时使页面打印良好。这个问题在其中部分起作用，但没有取得多大成功。

  2. 找到body宽度 ( 8.5in? 7.5in? 90%? 800px?) 使 8.5 英寸宽的纸张的线条为实线且文本为黑色。

哪种方法可能成功？

4

2 回答 2

2

您可能会考虑为打印媒体使用单独的样式表，或者只是@media print { /* rules here */}在当前样式表的末尾用一个块覆盖有问题的样式。

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

于 2012-11-27T19:49:16.320 回答
0

可能是打印机质量问题。使用 5 年的旧打印机打印质量设置为“快速草稿”时，以高分辨率渲染的 1px 看起来有点不同。

尝试两个简单的故障排除选项：

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

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

祝你好运。

于 2012-11-27T19:58:24.330 回答