如何通过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

有三件事需要考虑:

1. 不幸的是,页面规则的边缘

   @page {
   margin: 0cm !important;
   }
   

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

2. 您在此处看到的页面设置可能需要在"打印..."菜单面板中定义一个自定义的"纸张尺寸",没有任何余量(您已经这样做了btw).

3. 显然要照顾其他内容html,身体......没有任何余地.