html设置打印 A4纸 的页边距 兼容性

`@page` 规则在不同浏览器中的支持程度是不一样的。以下是不同浏览器对 `@page` 规则的支持情况：

- Chrome：支持 `@page` 规则，但是不支持 `size` 属性。
- Firefox：支持 `@page` 规则和 `size` 属性。
- Safari：支持 `@page` 规则和 `size` 属性，但是需要在打印对话框中手动选择纸张大小为 A4 才能生效。
- Edge：支持 `@page` 规则和 `size` 属性。
- Internet Explorer：不支持 `@page` 规则。

因此，如果你需要在多个浏览器中使用 `@page` 规则来设置打印 A4 纸的页边距，建议使用以下的 CSS 代码：

@media print {
  body {
    width: 210mm;
    height: 297mm;
    margin: 0;
    padding: 0;
  }
}

这段代码会在打印时将页面的宽度和高度设置为 A4 纸的尺寸，然后将页面的边距和内边距都设置为 0。这样就可以在不同浏览器中统一设置打印 A4 纸的页边距了。需要注意的是，这种方法可能会导致页面内容在打印时被缩放或裁剪，因此需要进行充分测试。

相关问题

html设置打印 A4纸 的页边距

你可以使用 CSS 的 `@page` 规则来设置打印 A4 纸的页边距。以下的 CSS 代码将在打印 A4 纸时设置 1.5cm 的页边距：

@page {
  size: A4;
  margin: 1.5cm;
}

你也可以分别设置上、下、左、右四个方向的页边距。例如，以下的 CSS 代码将在打印 A4 纸时设置上下页边距为 2.0cm，左右页边距为 1.5cm：

@page {
  size: A4;
  margin-top: 2.0cm;
  margin-bottom: 2.0cm;
  margin-left: 1.5cm;
  margin-right: 1.5cm;
}

需要注意的是，不同的浏览器可能对 `@page` 规则的支持程度不同，因此在使用时需要进行兼容性测试。