2012-11-27 30 views
1

我有一個完全流暢的網站,主要用於打印。它優美延伸到任意窗口或紙張尺寸:我的網站打印時縮放,使黑色文本看起來灰色

body { width: 100%; } 

然而,對於打印頁,我的一些黑色的線條和文字變成灰色,我有1px線不打印爲實線,而更多的是模糊的灰色虛線。這似乎是因爲瀏覽器正在縮放打印頁面,如IE的「縮小到適合」。

所以我看到兩個選項。

  1. 指定線寬和使用上的打印工作以及CSS單位的字體大小,潛在對抗的內置瀏覽器的機制,使當以像素爲單位指定網頁都打印好。 This question作品的一部分沒有太大的成功。

  2. 查找body寬度(8.5in7.5in90%800px?),這使得線固體和文本黑8.5英寸寬的紙。

哪種方法很可能會成功?

回答

2

您可能會考慮對打印介質使用單獨的樣式表,或者可能只是在當前樣式表的末尾使用@media print { /* rules here */}塊覆蓋違規樣式。

如果您正在爲屏幕和打印設計網站,這將爲您提供最靈活的方式來獨立控制兩種媒體的造型。

+0

已經使用'@ media',但我的問題是如何讓它正確打印。 – brentonstrine

0

這可能是打印機質量的問題。當打印質量設置爲「快速草稿」的5年之久的打印機出現時,以高分辨率渲染的1px看起來有點不同。

兩個簡單的故障排除方法嘗試:

  1. 要麼提高打印質量和全綵色打印,或從不同的打印機嘗試。

  2. 如果可能的話,也許你可以嘗試增加一些線條?我知道它可能不適用於你的設計,但有時最簡單的答案是最好的。

祝你好運。