如何使用 CSS 的 Media Print 來控制列印

由於客戶要求，列印時需要取下列印按鈕。 這就是控制列印的樣式表的用武之地。因為XHTML和CSS是分開的，我們可以自由地編寫列印和顯示所需的內容和演示文稿。

這也就要求我們在編寫XHTML的時候要考慮到列印顯示的需要，以及好的擴充套件標記和結構巢狀，這樣我們就可以方便地使用display：none來設定不顯示的內容。 然後是時候編寫內容了，您可以像設定 Word 一樣編寫要列印的頁面。

後來我想了想，其實寫乙個CSS會增加請求的數量，我想到了@media print{}的作用，**如下@media printtext .printlink .

printlink a }後來，我想如果我列印頁面的某個部分，我可以用 iframe 來操作，現在列印的頁面部分基本上都是用 iframe 處理的。

可能是不同IE的預設值不一樣; 您可以詳細設定： 設定顯示器@media螢幕的字型大小 }設定印表機的字型大小@media列印 } 或。

將 display 的值更改為 block，並新增 onclick 事件。

螢幕和印表機是兩種截然不同的裝置，因此您在瀏覽器中看到的頁面可能與您看到的頁面大不相同。 螢幕通常使用邏輯單位，例如 px，而印表機應使用物理單位，例如 cm 或 in。 我們常見的 A4 紙張尺寸在具有不同 DPI 的顯示器上顯示不同。

因此，如果要精確控制列印效果，則應使用列印

css。print css 簡介

使用 Link 標記，就像通常在 HTML 頁面中引入樣式表一樣，但附加了額外的 media 屬性，如下所示：

指示樣式表用於列印。

使用@media規則，使用@media規則指定用於在通用樣式表中列印的樣式，如下所示：

介質列印選擇器或@media列印}

區別在於。

媒體是用通用樣式表編寫的，在頁面載入時會載入Media=print只會在顯示印表機時載入，這意味著如果你的網頁沒有顯示在印表機中，就沒有必要載入這些多餘的**。

它只影響網頁的載入速度。

但是，在取得成果方面根本沒有區別。

一組普通的CSS網頁顯示樣式，另一組專門用於列印的CSS樣式，只要使用者列印，它就會通過**查詢自動使用列印的特殊樣式。 這樣，效果在瀏覽器中可以很好的顯示，並且不影響具體的列印效果。

普通瀏覽器的樣式。

特別印刷的款式。

媒體指定的屬性是裝置，顯示器是螢幕，印表機是列印件，電視是電視，投影儀是投影。

使用“media”來指定特定型別的樣式表，例如螢幕和列印，當然還有其他樣式表，例如“tv”、“handheld”等，其中“all”表示支援所有媒體。 有關媒體型別的更多資訊，您可以單擊此處。

media print {} 表示樣式當前在列印時引入。