メディアクエリ書き方
<link href="small.css" rel="stylesheet" media="screen and (min-width: 501px) and (max-width: 800px)" />
<link href="x_small.css" rel="stylesheet" media="screen and (max-width: 500px)" />
■sass
@media screen and (max-width: 500px) {
.hoge {
background-color: #cccccc;
}
}
-
前の記事
IE8でメディアクエリを使用する 2016.10.24
-
次の記事
スマートフォン縦横向き変更時の文字サイズを自動調整する機能を無効化 2016.10.24