So stellen Sie Safari-Druckränder über CSS so ein, dass randlos gedruckt wird

Question

Oct 31, 2012, 09:46 AM

So stellen Sie Safari-Druckränder über CSS so ein, dass randlos gedruckt wird

Ich möchte in Safari eine Webseite als PDF ohne Ränder drucken. Die Seitengröße wird im Druckdialog auf "A4 randlos" eingestellt.

Was auch immer ich zu tun scheine, Safari unter OSX fügt meinem HTML-Code einen zusätzlichen Rand hinzu. Überprüfen Sie "Hintergründe drucken", um zu sehen, was ich meine.

Natürlich hat die @ page-Regel keine Auswirkung auf Safari, aber gibt es noch andere Möglichkeiten?

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;
}