ホームページ > ウェブフロントエンド > CSSチュートリアル > ユーザーの介入なしに HTML ドキュメントを横向きで印刷するにはどうすればよいですか?

ユーザーの介入なしに HTML ドキュメントを横向きで印刷するにはどうすればよいですか?

Linda Hamilton
リリース: 2024-12-20 21:20:11
オリジナル
249 人が閲覧しました

How Can I Print HTML Documents in Landscape Orientation Without User Intervention?

HTML ドキュメントを横向きで印刷する

多数の列を含む HTML レポートを扱う場合、横向きで印刷すると読みやすくなります。ただし、ユーザーの介入なしでこの方向を確保するには、いくつかの課題が生じます。

CSS ソリューション

1 つのアプローチは、@media 印刷ブロック内で @page CSS プロパティを使用することです。ただし、この方法は、CSS 3 での減価償却による制限に直面しています。

@media print{@page { size: landscape}}
ログイン後にコピー

JavaScript の回避策

CSS ソリューションの制限にもかかわらず、代替アプローチには、JavaScript または ActiveX を使用してブラウザーの操作を行うことが含まれます。印刷設定。

コンテンツの回転

別のオプションは、代わりにコンテンツを回転することです。 HTML 本文に変換を適用することで、ページの向きを変更します。

.page {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
ログイン後にコピー

PDF ソリューション

最後に、PDF バージョンのドキュメントを横向きで作成することを検討してください。 PDF にリンクすると、印刷は自動的に横向きモードでレンダリングされます。

<link media="print" rel="Alternate" href="print.pdf">
ログイン後にコピー

ブラウザのサポート

これらの方法に対するブラウザのサポートは大きく異なります。 Firefox などの一部のブラウザでは、@page size プロパティに関するバグ レポートが提出されています。 Internet Explorer 7 はこれをサポートしているように見えますが、印刷プレビュー中に設定されたユーザー設定に依存します。

結論

ユーザーの介入なしに HTML ドキュメントを横向きで印刷することは依然として課題です。 CSS ソリューションには可能性が秘められていますが、ブラウザーの互換性と制限により幅広い実装が妨げられています。コンテンツの回転や PDF の作成などの代替アプローチは、特定のコンテンツや環境に応じて許容可能な回避策となる場合があります。

以上がユーザーの介入なしに HTML ドキュメントを横向きで印刷するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート