css - 如何通过 CSS 设置 Safari 打印边距以无边框打印

Question

我想在 Safari 中将网页打印为无边距的 PDF。页面大小在打印对话框中设置为“A4 无边框”。

无论我做什么，OSX 上的 Safari 都会在我的 HTML 周围添加额外的边距。检查“打印背景”以了解我的意思。

显然 @page-rule 对 Safari 没有影响，但还有其他方法吗？

http://jsfiddle.net/willemvb/psFHC/

@page {
  size: 21cm 29.7cm;   /*A4*/
  margin: 0; /*webkit says no*/
}

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

body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    width: 100%; 
    background: #eee;
}

Answer 1

有 3 件事需要考虑:

1. 不幸的是页面规则的边距

   @page {
   margin: 0cm !important;
   }
   

   对 Safari 6 没有影响，它在 Chrome 23 中有影响。据我所知，只要 Safari 不支持这个，就没有解决方案(它似乎固定在 10mm 左右)。

2. 页面设置如图here您可能必须在“打印...”菜单面板中定义一个自定义的“纸张尺寸”，没有任何边距(顺便说一句，您已经这样做了)。

3. 显然要处理其他内部内容 html、正文……不要有任何边距。