ブラウザー間で HTML 印刷のプリンター設定を制御するにはどうすればよいですか?

ブラウザの印刷オプションの無効化: ヘッダー、フッター、余白

さまざまな場合、ブラウザから印刷するときにデフォルトのプリンター設定を制御する必要が生じます。ブラウザ、特に HTML 形式で、PDF や他のプラグインをバイパスします。 CSS を介してページの向きとマージンを変更する方法は存在しますが、Firefox では 0.5 インチの余分なマージンが追加されるなど、ブラウザ間で不一致が発生します。

CSS アプローチ

CSS @page ディレクティブが組み込まれており、ページ化されたメディア固有の書式設定が可能になります。ただし、ブラウザの互換性により、その有効性は制限されます。 Safari にはページ マージンの設定がサポートされていませんが、他の主要なブラウザにはこの機能が実装されています。

@page の実​​装

@page ディレクティブを使用すると、ページのプリンタ マージンを指定できます。 HTML要素のCSSとは異なりますmargin:

@page {
  margin: 0mm;  /* Affects printer settings margin */
}

注意事項

この方法は効果的であるように見えますが、制限があります:

• Firefox 3.6: はサポートしていません。
• IE 7、Safari 5.1.7、Google Chrome 4.1: また、サポートされていません。

他のブラウザでは成功します

• IE 8、Opera 10、Google Chrome 21、Firefox 19: ページマージンの設定をサポートしていますが、さまざまな動作を示します。

ブラウザ固有の動作

IE: マージンが設定されています0mmまでですが、ユーザーは印刷時に変更できますプレビュー。
Firefox: コンテンツを正しく配置しますが、ブラウザーとページのヘッダー/フッターの両方を表示します。
Opera: ヘッダーは非表示になりますが、フッターの配置が正しくありません。
Chrome: @page マージンによってブラウザのヘッダー/フッターとの位置の競合が最小限に抑えられる場合、ブラウザーのヘッダー/フッターを非表示にします。 content.

結論

@page ディレクティブは、プリンター設定に対して限定的な制御を提供できます。 Chrome は、ヘッダー/フッターの非表示処理の優れた点で際立っています。ただし、すべてのブラウザーで一貫したサポートがないため、一貫した印刷エクスペリエンスを確保することが困難になります。

以上がブラウザー間で HTML 印刷のプリンター設定を制御するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。