html-table - 使用css打印前缩放 html table

某些单元格具有指定的宽度和高度( 不是通过 css,而是使用 table 结构中的旧大小的inline ),但整个 table 没有指定的宽度或者高度。 这是一个相当大的table,但是有适当的缩放( 大约 70% ) 可以在一张纸上很好地适应。 可以通过在 IE 。Firefox 和 Chrome的打印机设置中使用"缩放页面"函数来完成这一操作。 是否可以将整个页面的( 在我的例子中就是这个 table ) 作为打印样式表( 我知道 @media 打印 {} 但是存在被忽略的语句。"。"。问题是用适当的命令进行缩放。)的一部分进行缩放? 我可以用以下方法缩放屏幕视图:


body {
 transform: scale(.7);
}

但是当打印时,Chrome ( 等等) 会忽略比例,并自动缩放 table 以适应页面的宽度。 我也这样尝试了,但没有成功:


table {page-break-inside: avoid;}

时间:

我最终使用百分比大小重写了整个表格,然后能够缩放页面以进行打印。 不知道为什么浏览器会忽略打印样式,但是将表格从固定大小转换为比例大小,可以让我能够使用CSS对它进行缩放,解决了问题。

你应该使用媒体类型


@media print {
 body {transform: scale(.7);}
 table {page-break-inside: avoid;}
}

这个样式仅适用于打印预览模式。 http://www.w3.org/TR/CSS21/media.html

...