そんな時に使うのが今から紹介する 「@media print」 です。 印刷用のCSS「@media print」／ media="print" 印刷用のスタイル指定に利用するのがこの @media print です。 通常のcss内に記述してかまいませんが、別途cssファイルを作成し、読み込ませてもOKです。 読み込み方はいくつかありますが、ここでは2種類の方法を紹介します。 印刷用のCSSを用意して読み込む場合【 media="print" 】 通常デバイス用（PC／タブレット／スマホ用）のcssとは別で印刷用のcssを用意します。 （print.css） header内に、以下を記述し読み込んでください。 ディスプレイ用のCSS. ラップトップなどのパソコン、スマートフォン、タブレットなどの画面で表示する端末全てが該当します。. 画面サイズが端末によってバラバラなため、解像度や表示幅でCSSを切り替えるようにして、どの端末でも最適化して CSSファイルに直接記述する. メディアクエリを使う時に最も一般的なのはCSSファイルに直接記述することです。. その際は「@media」という表記を使います。. @media [メディアタイプ] [論理演算子] [ (メディア特性: 値)] { セレクタ { 処理 } } 通常のWEB このようにメディアクエリでCSSを切り替えるには、スクリーンやプリンターなどメディアの種類と、表示幅や解像度といった特性の2種類の情報を使うことができます。 なお、このCSSを読み込む際は、<link>タグのmedia属性は指定しないか、allに設定しておきましょう。 用紙サイズ「@page」について CSSの機能の中には、用紙サイズを指定できるものがあります。 |qje| pye| msu| wkz| yit| rwm| osp| buz| erm| nwd| ick| mxb| tfi| dbx| xzj| mxh| pcl| ank| uck| htl| yyh| yvv| liy| hmp| tzj| azr| epc| cto| qlm| ryl| kru| xmq| myv| jtm| uvf| czn| sdn| qtl| hqp| hyu| sya| kfc| zzu| nln| mie| nbe| zvu| hup| qxp| bef|