我精心设计了一个用于打印标签的svg生成器。如果标签看起来不奇怪,尺寸正确非常重要。下面是生成的标签页的示例。
从 Web 打印时,浏览器会增加大量边距。上面的例子应该有顶部的边距:7毫米,右/左:4.2毫米底部:5毫米。
打印时,它更多。如果我将 svg 复制粘贴到矢量图形应用程序中,它可以完美打印!
有没有办法,以编程方式从 JavaScript 或通过 CSS 告诉浏览器不要做页眉/页脚,不要添加自己的任何边距?
理论上这是
正确的方法:
@page {
margin: 7mm 4.2mm 5mm;
}
见 https://developer.mozilla.org/en-US/docs/Web/CSS/@page
但是在所有浏览器中打印样式都太痛苦了(不能始终如一地工作)