Chrome瀏覽器打印更改佈局

Question

當我從Chrome瀏覽器打印我的網站上的頁面時，佈局變得非常糟糕。看看我的意思是here。您可以看到頂部菜單ul從水平變爲垂直。思考？

更新：要清楚，問題不在於打印呈現。簡單地打開打印對話框的行爲導致屏幕佈局改變。

Answer 1

您可以通過添加打印介質類型的樣式來控制打印佈局。

@media print 
    { 
    p.test {font-family:times,serif;font-size:10px;} 
    } 

或

<link href="print-styles.css" media="print" rel="stylesheet" type="text/css" /> 

進一步閱讀

http://www.w3.org/TR/CSS2/media.html

http://www.alistapart.com/articles/goingtoprint/

Answer 2

我在一個類似的問題，注意到這個問題我自己。在顯示打印預覽後，Chrome似乎無法重新計算自動寬度。不確定在這種情況下是否有更好的解決方法，但是如果你硬編碼你的ul.nav的寬度，它似乎可以解決這個問題。