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

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

DDD
リリース: 2024-12-20 17:37:10
オリジナル
985 人が閲覧しました

How Can I Force Landscape Printing of HTML Documents Without User Intervention?

HTML からの横向き印刷

Web ページに複数の列が含まれる場合は、Web ページを横向きで印刷することが望ましいです。ただし、これを実現するには、ユーザーがプリンタ設定を手動で調整する必要がある場合があります。この記事では、ユーザーの介入なしで HTML ドキュメントを横長モードで印刷するために利用できるさまざまなオプションを詳しく調べ、ブラウザの互換性について調べます。

CSS @page ルール

CSS @page プロパティを使用すると、ページを指定できます。サイズや向きなどの設定。ドキュメントを横向きで印刷するには、次の CSS ルールを使用します。

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

このルールは CSS 2.1 仕様の一部ですが、CSS 3 で非推奨になったため、「size」属性のサポートは制限されています。 .

JavaScript または ActiveX の回避策

一部の記事では、JavaScript または ActiveX を使用してキーストロークを送信することを提案しています。ユーザーのブラウザーを使用して、基本的にプリンターの設定をプログラム的に変更します。ただし、これらの回避策は理想的ではなく、ブラウザのセキュリティ設定を変更する必要があります。

コンテンツの回転

ページを回転する代わりに、CSS 変換を使用してページ内のコンテンツを回転できます。

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

この方法には独自の欠点があり、配置やレイアウトの問題が発生します。

PDF変換

もう 1 つのオプションは、PDF 形式でドキュメントの横長バージョンを作成し、それに「印刷」ボタンを指定することです。ただし、これは IE7 の自動印刷では機能しない可能性があります。

結論

HTML ドキュメントを横向きで印刷するのは簡単ではなく、サポートはブラウザーによって異なります。 @page ルールは一部のブラウザで機能する場合がありますが、JavaScript または ActiveX の回避策は信頼できません。コンテンツを回転することは可能ですが、別の問題が発生します。 PDF への変換もオプションですが、すべての場合に適しているわけではありません。最終的に、最適な方法はコンテンツとブラウザ環境によって異なります。

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

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