ウェブのさまざまなフロントエンド印刷方法: 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{表示:なし;} </スタイル> |
推薦する
Ubuntu で apt-get を使用して mysql をインストールおよび完全にアンインストールする方法の詳細な説明
1. mysqlをインストールします。 udo apt-getでmysql-serverをインストー...
カルーセル効果を作成するためのjs
カルーセルはフロントエンド開発において比較的重要なポイントだと思います。ネイティブjsの知識ポイント...
Vue プロジェクトでブラウザ キャッシュ設定を無効にする例
プロジェクトをリリースするときに、キャッシュをクリーンアップする必要があるという問題に遭遇することが...
Pycharmとsshリモートアクセスサーバーdockerの詳細なチュートリアル
背景: 一部の実験はサーバー上で完了する必要があります。したがって、リモート サーバー上のコードをロ...
VueはBaidu Mapsを使用して都市の位置特定を実現
この記事では、参考までに、Baidu Mapsを使用して都市の位置特定を実現するVueの具体的なコー...
Ubuntu 上で WebRTC ベースの複数人ビデオチャット サービスを構築するための詳細なコード
WebRTC は、Web Real-Time Communication の略で、Web リアルタイ...
非常に便利なオープンソース Docker ツール 5 つを強くお勧めします
導入Docker コミュニティは、さまざまなユースケースを処理するのに役立つ多くのオープンソース ツ...
Vue3 ベースのフルスクリーン ドラッグ アップロード コンポーネント
この記事は主に、みんなで共有できるVue3ベースのフルスクリーンドラッグアップロードコンポーネントを...
Dockerカスタムネットワークコンテナ相互接続
目次序文-リンクカスタムネットワーク質問する序文前回は、 -Linkパラメータを使用してコンテナ間の...
MySql バッチ挿入の最適化 SQL 実行効率の例の詳細な説明
MySql バッチ挿入の最適化 SQL 実行効率の例の詳細な説明itemcontractprice ...
MySQLはinit-connectを使用してアクセス監査機能の実装を増やします
まず init-connect を通じて mysql 接続を初期化し、次にインスタンスに接続する必要...
CentOS 7.6 仮想ネットワーク カードのバッチ追加、変更、削除操作の紹介
1 カーネルにtunモジュールがあるかどうかを確認する modinfo tun modprobe t...
Linux でパスワードを入力せずに sudo コマンドを実行する方法
sudo コマンドを使用すると、信頼できるユーザーは別のユーザー (デフォルトでは root ユーザ...
CSS3はウェブサイトの製品表示効果図を実現します
この記事では、CSS3 を使用した Web サイトの商品表示の効果を紹介し、皆さんと共有します。詳細...
ReactでCSSスタイルを動的に変更する2つの方法の詳細な説明
最初の方法: デモとしてボタンをクリックしてテキストを表示または非表示にするクラスを動的に追加します...