CSS Print和@page无效

Question

我有一个简单的HTML页面，我有

body, html {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media print {
  @page {
    size: letter portrait;
    padding-left: 5in;
    padding-right: 0.25in;
    padding-top: 1in;
  }
}

但是，当我在Chrome中打印预览时，它似乎完全不受影响。我需要做些什么才能让Chrome识别@page和媒体查询？

Answer 1

我认为您不需要媒体查询，因为@page仅用于打印。

另外，根据：https://developer.mozilla.org/en-US/docs/Web/CSS/@page

  

您只能更改边距，孤儿，寡妇和分页符   该文件。尝试更改任何其他CSS属性将是   忽略。

使用边距而不是填充可能会有效。