1028.us

管理ページへ

ログアウト

メディアクエリ

参考
メディアクエリの書き方

メディアクエリ

<link rel="stylesheet" href="css/style.css" media="screen">

上記のような従来のメディア・タイプを拡張し、媒体の特性まで判断できるようにしたのがメディアクエリ。

link要素として指定する

<link href="style.css" media="screen and (max-width:480px)" rel="stylesheet" />

上記の場合だと「画面サイズが480pxまではstyle.cssを読み込め」となる。

スタイルシートに指定する

p {
 color:red;
}
@media screen and (min-width:480px) { 
p { color:#ededed;}
}

List of Category