css メディアクエリ レスポンシブ
Highneeds
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
body {
background-color:#f10010;
}
}
@media screen and (min-width:769px) {
/* 画面サイズが480pxからはここを読み込む */
p { color:#ededed;}
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
body {
background-color:#f10010;
}
}
@media screen and (min-width:769px) {
/* 画面サイズが480pxからはここを読み込む */
p { color:#ededed;}
}