有没有一种可靠的方式在CSS中指定物理尺寸,以便在打印页面时,我的元素以特定的大小和位置出现在打印页面上?
我看到CSS有英寸和厘米的单位,但是当我执行以下操作时,Firefox和Chrome实际上并没有按2x2英寸打印盒子(这并不令人惊讶):
.test {
width: 2in;
height: 2in;
border: solid 1px #aaa;
}
我是否过于乐观,希望有一种方法可以指定大小,并使浏览器根据打印机分辨率调整其打印大小?
谢谢。
有没有一种可靠的方式在CSS中指定物理尺寸,以便在打印页面时,我的元素以特定的大小和位置出现在打印页面上?
我看到CSS有英寸和厘米的单位,但是当我执行以下操作时,Firefox和Chrome实际上并没有按2x2英寸打印盒子(这并不令人惊讶):
.test {
width: 2in;
height: 2in;
border: solid 1px #aaa;
}
我是否过于乐观,希望有一种方法可以指定大小,并使浏览器根据打印机分辨率调整其打印大小?
谢谢。
margin: 0; padding: 0
以避免任何额外的间距。cm
单位应与物理厘米匹配,而在低分辨率设备上,像素应是锚定单位,这通常意味着cm
与物理单位不同。实际情况更糟。我刚刚测试了一个宽度设置为15cm
的元素。在屏幕上(包括打印预览),它实际上是15.8cm,在物理打印机上打印时,它是14.7cm(因此基本上更接近,但仍然远非精确)。