使用引导网格强制打印布局的视图端口大小

Question

我的页面呈现一个从水平到垂直的形式,@screen-tablet大约是~760px.A4页面宽度约为600像素.

在我print.css缩小所有文本,例如,font-size:85%所有默认字体大小14将打印在12左右.我还想显示格式和它的水平状态,意思是 - viewport > 760px.问题是打印布局将页面宽度设置为A4 ~600px,导致表格垂直显示.

有没有办法"愚弄"布局,认为它超过760px？

(我希望得到一个答案,不需要为打印设置一个全新的布局 - 只是让它看起来像在桌面上一样).

Answer 1

transform将该属性与媒体查询类型结合使用print，例如：

@media print {
  html {
    transform: scale(0.8);
  }
}

这将允许您缩放文档而无需重排内容。