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

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

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

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

ホームページ

ウェブフロントエンド

CSSチュートリアル

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Sep 10, 2023 am 08:21 AM

如何使用 CSS 媒体查询创建可打印的网页？

印刷可能な 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 サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。