Safariブラウザの印刷ページ（window.print（））機能でヘッダ＆フッタを非表示にする方法は？

Question

印刷ページでヘッダーとフッターのセクションを非表示にする必要があります。私はヘッダーとフッターを隠すために、以下のCSSコードを使用しています。

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

クロムでのみ動作します& Firefox。しかし、サファリで働いていない。これをどうすれば解決できますか？解決策を見つけるのを手伝ってください。

Answer 1

caniuse.comによると、@pageはSafariではサポートされていません。実際には、sizeプロパティはIE/EdgeとFirefoxではうまくサポートされていないので、使用しない方が良いでしょう。

印刷ページのヘッダーとフッターを非表示にする。たぶんあなたはメディアクエリを使用することができます：

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