2010-05-08 59 views
3

我應該保留#wrapper{ width:100%}在印刷的CSS?因爲在屏幕上我的設計是固定寬度設計960 px。但世界上紙張的種類和尺寸如此之多,任何人都可以在任何尺寸的紙張上打印出更大更小的紙張。我應該在print css中保留#wrapper {width:100%}嗎?

所以,如果在印刷的CSS我沒有指定相對寬度,那麼我認爲頁面的打印將從正確的尺寸切割,如果用戶將打印的紙張尺寸可以小於或大於我的網站寬度#wrapper寬度(960px )。那麼它可能會產生問題。打印時

http://www.dpandi.com/paper/index.html

打印機還留有一定的餘量。

所以應該保持一切都是相對大小的印刷品CSS?

更新:

,我應該也改變左浮動或右浮動:無印刷的CSS?

回答

1

是的,你應該。如果您堅持一定的像素大小,甚至可能會遇到不同訪客因打印機DPI和/或瀏覽器而看到不同頁面數量的情況。您可能還需要考慮調整字體大小以使其相對(使用em或%)。

注意事項:切換到相對寬度時,請確保所有元素均正確流動,或者可以將內容的其他部分切斷或推入陌生處。

0

在發送到打印機之前,瀏覽器傾向於將像素轉換爲相似的大小,因此它看起來與您在屏幕上看到的相似。它不會將像素大小發送到打印機。

+0

你的意思是不管是固定還是流體單位 – 2010-05-21 14:33:07

+0

它看起來與屏幕上的內容相似。如果您想要針對打印佈局採取特定的設計考慮事項,則需要執行此操作,最好的方法是根本不使用寬度,只需使用'width:auto;'。這就是內容,它定義瞭如何在論文上進行佈局。這當然取決於您希望打印輸出佈局如何。您應該考慮到通常不會顯示背景圖像/顏色。這是瀏覽器中的用戶設置。 – awe 2010-05-26 08:24:56

+0

另請參閱http://www.w3.org/TR/CSS2/page.html,瞭解專門用於分頁媒體(如紙張)的css定義。這適用於Internet Explorer和Opera,但在Firefox中不太好。我的經驗是,當打印網頁時,IE7 +非常好。 – awe 2010-05-26 08:29:41

相關問題