ウェブのさまざまなフロントエンド印刷方法: CSS はウェブページの印刷スタイルを制御します

ウェブのさまざまなフロントエンド印刷方法: CSS はウェブページの印刷スタイルを制御します
CSS は Web ページの印刷スタイルを制御します
CSS を使用して印刷スタイルを制御します。初めて使用したときは、完全に混乱しました。CSS の midia の機能が何であるかがわかりませんでした。他の人にこのスタイルをインポートするように依頼したときも、途方に暮れていました。あなたもこの現象に遭遇しているなら、W3school で CSS メディアの機能を調べてみてください。

midia の定義と使用法:
media 属性は、リンクされたドキュメントが表示されるデバイスを指定します。
media 属性は、異なるメディア タイプごとに異なるスタイルを指定するために使用されます。
メディアは CSS のメディア タイプを指定するために使用されます。その構文形式は次のとおりです。
@media スクリーン | 印刷 | 投影 | 点字 | 聴覚 | テレビ | ハンドヘルド | すべて

パラメータの説明:
画面: コンピュータの画面を指します。
印刷: プリンターで使用される不透明なメディアを指します。
投影: 表示に使用されるプロジェクトを指します。
点字: 点字システムは、触覚効果のある印刷物を指します。
聴覚: 電子音声合成装置を指します。
tv: テレビ型メディア。
ハンドヘルド: ハンドヘルド ディスプレイ デバイスを指します。
all: すべてのメディア用。
印刷したくないものに次の CSS スタイル宣言を追加するだけで、印刷されたページに表示されなくなります。

コードをコピー
コードは次のとおりです。

<link rel="スタイルシート" media="print" type="text/css" href="print.css" />

例えば:

コードをコピー
コードは次のとおりです。

<style midia="print">// midia は宣言する必要があります。宣言しないと無効になります
#my_hidden{表示:なし;}
</スタイル>

<<:  ブラウザ間の hr 区切り文字の違い

>>:  MySQLが数十億のトラフィックをサポートする方法

推薦する

nginx.conf のルートディレクトリ設定の詳細な説明

nginx.conf を構成するときには常に何らかの問題が発生します。ここでは、よくある問題とその解...

MySQLがサブクエリと結合の使用を推奨しない理由

ページ分割されたクエリを実行するには: 1. MySQL の場合、サブクエリと結合の使用は推奨されま...

MySQL データベースで UTF-8 エンコードを設定する方法

/etc/my.cnf または /etc/mysql/my.cnf ファイルを変更する [クライアン...

Docker: /etc/default/docker の DOCKER_OPTS パラメータを変更しても反映されない

デフォルトでは、 /etc/default/docker 設定は有効になりません。docker 環境...

MySQLの外部ネットワークアクセス権を開く方法

以下のように表示されます。主に認証コマンドを実行します: 2つの方法1. 任意のホストがユーザー b...

標準のMySQL (x64) Windowsバージョンのインストール手順の詳細な説明

MySQL x64 はインストーラーを提供していません、インストーラーを提供していません、インストー...

MySQL の連結で複数の一重引用符と三重引用符を使用する際の問題

文字列を動的に連結する場合、文字連結を使用することが多いです。次のような連結の引用符の意味がわかりま...

HTML ウェブページの基本コンポーネントの概要

<br />Web ページ上の情報は主にテキストベースです。 Web ページでは、フォン...

MySQL 8.0.11 の詳細なインストール手順

この記事では、参考までにMySQL 8.0.11のインストール手順を紹介します。具体的な内容は次のと...

WindowsにOpenSSHをインストールし、SSHキーを生成してLinuxサーバーにログインします。

SSH の正式名称は Secure SHell です。 SSH を使用すると、送信されるすべてのデ...

MySQL ダーティ ページ フラッシュとテーブル スペースの縮小の原理の分析

mysql ダーティページWAL メカニズムにより、InnoDB はステートメントを更新するときに、...

MySQL 5.7.25 のインストールと設定方法のグラフィックチュートリアル

MySQL インストール ファイルには、msi 形式と zip 形式の 2 種類があります。クリック...

練習と面接のための Linux シェル スクリプトのヒント 9 つを共有する

予防1) 先頭にインタープリターを追加します: #!/bin/bash 2) 構文のインデントに 4...

MySQL GROUP_CONCAT 制限の解決

効果: GROUP_CONCAT関数は、フィールド値を文字列に連結することができます。デフォルトの区...

Reactにおける不変値の説明

目次不変の値とは何ですか?不変の値を使用するのはなぜですか? Reactのパフォーマンス最適化は不変...