10

是否有一种可靠的方法可以在 CSS 中指定物理尺寸，以便在打印页面时，我的元素在打印页面上处于特定大小和位置？

我看到 CSS 有 in 和 cm 的单位，但（不足为奇）当我执行以下操作时，Firefox 和 Chrome 都没有实际打印 2x2 英寸的框：

.test {
    width: 2in;
    height: 2in;
    border: solid 1px #aaa;
}

我是否过于乐观，希望有某种方法可以指定尺寸并让浏览器根据打印机的分辨率等调整其打印尺寸？

谢谢。

4

2 回答 2

6

尝试添加margin: 0; padding: 0以避免任何额外的间距。

于 2012-12-15T19:01:14.283 回答
6

理论上，由 CSS3 值和单位模块第 3 级第5.2 节。绝对长度，cm单位应该与“打印介质和类似高分辨率设备”上的物理厘米相匹配，而在低分辨率设备上，像素应该是锚单位，这通常意味着cm与物理单位不同。

在实践中，情况甚至更糟。我刚刚测试了一个设置为15cm宽的元素。在屏幕上（包括打印预览）它实际上是 15.8 厘米，当在物理打印机上打印时，它是 14.7 厘米（所以它基本上更接近，但仍然远非精确）。

于 2012-12-15T19:08:46.150 回答