如何使用javascript/jquery在打印页面上设置div内容的样式？

我需要打印网页的内容。div下面有一个打印按钮

<div class="printing-content">
</div>
<button class="btn -primary mr-1" onclick="window.print()"><span class="mdi mdi-printer"></span> Print</button>

---

我需要在打印页上显示全宽的div。提前感谢。

您可以尝试使用媒体查询并将页面大小设置为横向

@media print{@page {size: landscape}}

对于div本身，也可以使用媒体查询打印div时，对div的宽度和高度进行调整

@media print { 
  .printing-content {
     width: 210mm;
     height: 297mm;
  }
}

---

尝试使用这些宽度和高度值。

您可能需要将“更多设置”下的chrome打印设置更改为“适合页面”。感谢@matt.M建议横向视图：）设置最小宽度/最小高度对我有用。。谢谢你的时间

@media print { 
  .printing-content {
     width: 210mm;
     height: 297mm;
  }
}