CSS メディア クエリを使用して印刷可能な Web ページを作成するにはどうすればよいですか?

印刷可能な Web ページを作成し、CSS メディア クエリ印刷プロパティ @media print を使用して、ページの印刷プレビューのスタイルを制御できます。 @media print は、Web ページの印刷プレビュー ページにページ スタイルを追加できるようにする CSS メディア クエリです。この機能を使用すると、メディア クエリで HTML 要素の「表示」を「表示」または「非表示」に指定することで、印刷可能な Web ページを作成できます。印刷プレビュー画面に必要なものを追加することもできます。その他のスタイル @media 印刷クエリ。

＃＃＃文法＃＃＃ リーリー

ここで、@media print は、印刷プレビュー ページにスタイルを追加するために使用する CSS メディア クエリです。

例 1

この例では、@media print CSS クエリの「visibility」を「visible」に設定することで、Web ページの印刷プレビューに「p」タグの内容を表示します。

リーリー

例 2

この例では、@media 印刷 CSS クエリの「可視性」を「非表示」に設定することで、Web ページの印刷プレビューで「p」タグのコンテンツを非表示にします。

リーリー ＃＃＃結論は＃＃＃

この記事では、@media print CSS メディア クエリについて学び、それを使用して 2 つの異なる例を使用して印刷可能な Web ページを作成しました。最初の例では、印刷プレビュー ページで「p」タグのコンテンツを表示し、2 番目の例では、印刷プレビュー ページで「p」タグのコンテンツを非表示にします。

以上がCSS メディア クエリを使用して印刷可能な Web ページを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。