我如何按原樣打印頁面

Question

我在頁面上添加了一個按鈕，其中包括onsubmit="return window.print()"但是當我單擊它時，在打印視圖中出現一個打印窗口對話框，我的頁面顏色變為黑色，所有樣式消失了。 如何打印具有相同顏色的樣式的頁面

Answer 1

如果您的CSS沒有針對打印介質進行優化，則會發生這種情況。 您可以在以下樣式中包含CSS。

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

並請記住，背景圖像未打印出來。

參考文章： http : //www.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/

Answer 2

使用@media print來設置頁面樣式以進行打印。

CSS文件中的示例：

@media print {//styles
}

另外，這里還有一個入門指南的鏈接： http : //www.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/

希望能有所幫助。

Answer 3

在您的底部鏈接一個樣式表（這樣它就是主要樣式表）。

在該樣式表中，輸入以下媒體查詢

@media print
{
    put styles here
}

您在查詢中輸入的任何內容都將用於打印。