如何在Safari浏览器的打印页面（window.print（））功能中隐藏页眉和页脚？

Question

I need to hide header and footer section in printing page . I have used below css code to hide the header and footer .

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

Its only working in chrome & Firefox. But not working in safari. How can I fix this ? Please help me to find solution.

Answer 1

According to caniuse.com , @page is not supported by Safari. Actually, size property is not supported well in IE/Edge and Firefox, so it is better not to use it.

To hide header and footer in print page. Maybe you can use media query:

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