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