我希望能夠設計一個具有特定高度和寬度的“傳單”型別的 HTML 頁面，并能夠將其列印在一張紙上。我正在使用普通的信紙，并將其尺寸設定為div. 但是，在瀏覽器中列印后，div設定了背景顏色，列印彈出視窗中沒有任何顯示，因為它認為它是空白的。如果我設定某些文本的樣式，我也擔心列印會弄亂 CSS。我怎樣才能完美地克隆div列印像html2canvas一樣？
<!DOCTYPE html>
<html>
<body>
<div style="height:1054px;width:816px;background-color:red;position:absolute;top:0;left:0">
</div>
</body>
</html>uj5u.com熱心網友回復：
嘿，有一種方法可以說你想列印一些東西，使用@media print. 但真正的魔力是“ webkit-print-color-adjust”說：“列印背景！” :)
@media print {
div {
background-color: #red !important;
-webkit-print-color-adjust: exact;
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/459638.html
標籤：javascript html css 印刷 html2canvas
上一篇：如何在inline-block元素之后顯示html物件？
下一篇：如何使影像標簽下方的文本居中？