使用css打印之前缩放html表
我有一个表作为HTML的全部内容(对于合法的表，purposes...it是表数据，而不是布局)。有些单元格具有指定的宽度和高度(不是通过css指定的，而是使用表结构中旧的内联大小调整)，但整个表没有指定宽度或高度。这是一个相当大的桌子，但适当的缩放(约70%)，它可以打印，以很好地适合在一张纸上。这可以通过在IE、Firefox和Chrome的打印机设置中使用scale page功能来实现。有没有一种方法可以将整个页面(在我的例子中就是这个表)扩展为打印样式表的一部分(我知道@media print {}，但存在ignored...the问题的语句是带有适当的缩放命令，而不是设置打印css)？我可以通过以下方式缩放屏幕上的视图：
body {
transform: scale(.7);
}然而，在打印时，Chrome (和其他人)无视我的比例，自动缩放表以适应纸张的宽度，这会导致我的表被分割到第二页。我也试过这样做，但没有成功：
table {page-break-inside: avoid;}回答 4
Stack Overflow用户
发布于 2015-03-01 15:00:26
最后，我重写了整个表，并将百分比大小作为类应用，然后能够缩放打印页面。不清楚为什么浏览器忽略了转换的打印样式，但是将表从固定大小转换为比例大小使我能够使用CSS缩放它，问题就解决了。
Stack Overflow用户
发布于 2017-01-18 00:57:29
我知道我在复活死者，但为了将来的搜索结果参考：
我遇到了一个超宽表的问题，导致所有浏览器都不正确地计算高度，并在单个页面上多次重复标题--我的解决方案是将80%的缩放应用于身体(根据您的需要而有所不同)，这迫使我们的页面有效地适合打印，然后在每一页的顶部正确地重复了头。也许变焦会在变换不起作用的地方起作用。
示例CSS
@media print {
body {
zoom: 80%;
}
}Stack Overflow用户
发布于 2015-02-27 04:47:48
您应该使用媒体类型。
@media print {
body {transform: scale(.7);}
table {page-break-inside: avoid;}
}因此，此样式将仅在打印预览模式中应用。http://www.w3.org/TR/CSS21/media.html
https://stackoverflow.com/questions/28757370
复制相似问题
腾讯云开发者
