定义表格宽度＆amp; CSS中的高度，因此打印时具有特定的宽高比

Question

我的网页上有一个表格，它使用特定的打印CSS，删除所有网站元素，以便可以在海报上打印。

我的工作是：

1. 使用Google Chrome访问该页面，
2. 点击：文件 - ＆gt;打印 - ＆gt; “使用系统对话框打印...”，
3. 点击PDF - ＆gt; “另存为PostScript”和
4. 使用Adobe Distiller处理（150 dpi＆amp; 18“x 24”）。

由于我希望我的桌子很好地填充18“x24”（18/24 = 3/4）海报，我怎样才能确保它的宽度/高度宽高比为3/4，而不是放入特定的尺寸会不会印在我身上？

Answer 1

现在，唯一能解决问题的解决方案就是你必须用另外两个div包裹表格。

  

这是 fiddle

正如我们所说，我正在努力改进解决方案以摆脱div。

目前我正在使用一个div作为wrapper，宽度设置为100％，然后在其中有另一个div（innerWrapper），它绝对定位并传播到{ {1}}的尺寸。要设置div的高度，我使用了一个简单的技巧 - 向wrapper添加了一个伪:after元素，wrapper设置为133％。填充百分比值继承自父级padding-bottom（是的！）。如果有人问 - 我们不能省略width div并将其样式直接设置为innerWrapper因为table方法不适用于它（top, right, bottom, left和width设置为height）。 Div为100%元素，表格为block 整个代码如下所示：

<强> HTML ：

display: table

<强> CSS ：

<div id="wrapper">
    <div id="innerWrapper">
        <table></table>
    </div>
</div>