css - 在使用 css 打印之前缩放 html 表

Question

我有一个表格作为 HTML 文档的全部内容(出于合法的表格目的……它是表格数据，而不是用于布局)。一些单元格指定了宽度和高度(不是通过 css，而是在表格结构中使用旧的内联大小调整)，但整个表格没有指定宽度或高度。这是一个相当大的表格，但通过适当的缩放(大约 70%)，它可以打印在一张纸上以很好地适应。这可以通过在 IE、Firefox 和 Chrome 的打印机设置中使用 scale page 功能来实现。有没有一种方法可以将整个页面(在我的例子中就是这张表)作为打印样式表的一部分进行缩放(我知道 @media print {} 但那里的语句被忽略了.. .问题在于正确的缩放命令，而不是设置打印 css)？我可以用这个缩放屏幕 View :

body {
   transform: scale(.7);
}

然而，在打印时，Chrome(和其他)忽略我的比例并自动缩放表格以适合纸张的宽度，这导致我的表格被分成第二页。我也尝试过应用它但没有成功:

table {page-break-inside: avoid;}

Answer 1

我知道我在起死回生，但为了以后的搜索结果引用:

我遇到了超宽表格的问题，导致所有浏览器错误地计算高度并在单个页面上多次重复 thead - 我的解决方案是将 zoom: 80% 应用到正文(% 根据您的需要而变化) 这迫使我们的页面有效地适合打印，然后在每一页的顶部正确地重复了 thead。也许尝试缩放会在变换不起作用的地方起作用。

示例 CSS

@media print {
  body {
    zoom: 80%;
  }
}