ウェブのさまざまなフロントエンド印刷方法: 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{表示:なし;} </スタイル> |
推薦する
ネイティブ js カスタム右クリック メニュー
この記事の例では、参考のためにjsカスタム右クリックメニューの具体的なコードを共有しています。具体的...
独自の YUM リポジトリを作成する手順
簡単に言うと、ウェアハウスとして使用される仮想マシンの IP は 192.168.149.129 で...
MySQL 5.6.23 のインストールと設定環境変数のチュートリアル
この記事では、MySQL 5.6.23のインストールと設定のチュートリアルを参考までに紹介します。具...
Vue ページに img 画像を導入する方法
HTMLを学ぶとき、画像タグ<img>は画像を導入します <img src=&qu...
vue3.0 で要素を使用するための完全な手順
序文： vue3.0の要素フレームワークを使用します。要素はvue2.0をサポートしており、vue3...
HTMLはフォームを通じてホテルスクリーニング機能を実現します
<!doctypehtml> <html xmlns="http://...
Vue3 でパンくず関数コンポーネントをカプセル化するいくつかの方法
目次序文1. パンくずリストはなぜ必要なのでしょうか? 2. 一次包装1. 実装のアイデア2. コー...
Innodb システムテーブルスペースのメンテナンス方法
環境説明:実行中の MySQL 環境があります。以前の構成ファイルの設定が単純すぎたため (inno...
Vue+EChartsは、中国の地図の描画と省の自動回転と強調表示を実現します。
目次成果を達成する完全なコード + 詳細なコメントまとめ成果を達成する完全なコード + 詳細なコメン...
シェルスクリプトを使用して Docker サービスを一括で開始および停止する
目次Dockerを起動するDockerを停止するPython 呼び出しスクリプト最近、日々のテストで...
テーブルの動的な色の変更を実現するJavaScript
この記事では、テーブルの動的な色の変更を実現するためのJavaScriptの具体的なコードを参考まで...
MySQL インデックスクエリ最適化スキルを習得するための記事
序文この記事では、DBA がいないチームが参考にできるように、MySQL の一般的な使用に関するヒン...
各グループの最新データを取得するためにMySQLベースのグループを実装する
序文：グループ化関数はグループ内の最初のデータを取得しますが、各グループ内の最新のデータを取得する必...
Baidu百科事典UIの開発動向について議論する
<br />百度百科事典の正式版がついにオンラインになりました。2年間の「テスト版」の帽...
CSS 兄弟要素フローティング分析の概要
float:左/右/なし; 1. 同じレベルフローティング（１）ブロックレベル要素を同じ行に表示する...