似乎当我设置我的 css 打印样式并在 chrome 中打印时,它与我在我的 CSS 中设置的不匹配。
有什么办法让它正常工作吗?
有时浏览器会调整视口的大小以适应页面。但是,您可以尝试一些特定于打印的 CSS 规则。主要的是 size 属性:
@media print {
@page {
size: A4 portrait;
}
}
关于页面大小规则的更多信息:
auto - 页面框将设置为目标表的大小和方向。
Landscape - 覆盖目标的方向。页面框与目标大小相同,较长的边是水平的。
Portrait - 覆盖目标的方向。页面框与目标大小相同,较短的边是水平的。
[length] - 'size' 属性的长度值创建一个绝对页面框。如果只指定一个长度值,它会设置页面框的宽度和高度。'size' 属性不允许使用百分比值。