@media

@mediaとは、特定のメディアタイプに特化して記述されたCSSについて、そのメディアを指定するための規則です。

メディアタイプには、すべてのメディアを含むall、一般的なコンピュータ画面であるscreen、携帯用端末のhandheld、紙媒体等への出力に用いるprintなどがあります。

@media print { /* printメディアの場合にのみ適用 */
body { font-size: 10pt }
@media screen { /* screenメディアの場合にのみ適用 */

body { font-size: 12pt }

戻る