打印HTML忽略CSS樣式表

Question

我有一個非常簡單的HTML頁面的表格元素。

該文檔使用css風格。當我打印頁面時，看起來好像根本沒有樣式表。錯誤的字體，一切都是錯誤的。

這裏有什麼問題？我是否必須爲打印創建特殊的CSS？在我的情況下，它會是一樣的..這真的有必要嗎？

Answer 1

沒有鏈接到頁面，我只能提供一點建議。

• 確保標頭中樣式表 的鏈接是正確的。它應該是這個樣子：

  <link rel="stylesheet" type="text/css" href="/link/to/.css" media="all">

我只注意到你提到print。媒體類型all將在網絡和打印中起作用。但是，如果您想明確聲明print的另一個樣式表，而不是用print替換all。

• 檢查風格是不是 被別的東西覆蓋。 As CSS is層疊樣式表
• Get Firebug。

Answer 2

如果您的樣式錶鏈接有media="screen"，那麼它將被打印忽略。在這種情況下，您可以使用media="print"創建單獨的打印樣式表，或者將您現有的樣式表更改爲media="all"。

Answer 3

media屬性用於確定樣式表的用途。您需要確保將其設置爲all（用於所有用途）或print（僅在打印時使用）。