So blenden Sie die Kopf- und Fußzeile der Druckseite (window.print()) im Safari-Browser aus?

Question

Ich muss den Kopf- und Fußbereich auf der Druckseite verstecken. Ich habe unten css Code verwendet, um die Kopf- und Fußzeile zu verbergen.

@page { 
    size: auto; 
    margin: 0; 
} 

Es funktioniert nur in Chrom & Firefox. Aber nicht in Safari arbeiten. Wie kann ich das beheben? Bitte helfen Sie mir, eine Lösung zu finden.

Answer 1

Gemäß caniuse.com wird @page von Safari nicht unterstützt. Eigentlich size Eigenschaft wird nicht gut in IE/Edge und Firefox unterstützt, so ist es besser, es nicht zu verwenden.

Kopf- und Fußzeile in der Druckseite ausblenden. Vielleicht können Sie die Medienabfrage verwenden:

@media print { 
    header,footer { 
    display: none; 
    } 
}