media

表示対象のデバイスを指定する
  【media】要素は、ブラウザの解像度に合わせてCSSを呼び出すために使用する
  主なデバイスタイプとして【screen】、【print】と双方を含む【all】、これ以外は動作しないブラウザがある

メディアクエリー一覧
  「width」は、ウィンドウの横幅
  「height」は、ウィンドウの縦幅
  「min-width」は、最小ウィンドウの横幅
  「max-width」は、最大ウィンドウの横幅
  「min-height」は、最小ウィンドウの縦幅
  「max-height」は、最大ウィンドウの縦幅
  「device-width」は、画面の横幅
  「device-height」は、画面の縦幅
  「min-device-height」は、画面の最小の縦幅
  「max-device-height」は、画面の最大の縦幅

論理演算子一覧
  「and」は、「それと」の意味
  「,」は、「または」の意味
  「not」は、「ではない」の意味
  「only」は、古いバージョンのブラウザに適用させないため


投稿日

カテゴリー:

投稿者:

タグ:

コメント

“media” への1件のコメント

  1. […] HTMLソースを修正する(その2)   外部スタイルシートをLink要素と【media】を用いて適用させる     <link rel=”stylesheet” type=”text/css” href=”css/small.css&#8221 […]

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください