ウィンドウサイズによってスタイルシートを変える
>||
/* 横幅1000px以上 */
@media screen and (min-width: 1000px) {
/* ３段組みの設定を記述 */
#container{width: 1000px;}
...
}
/* 横幅640px以上、999px以下 */
@media screen and (min-width: 640px) and (max-width: 999px) {
/* ２段組みの設定を記述 */
#container{width: 640px;}
...
}
/* 横幅639px以下 */
@media screen and (max-width: 639px) {
/* １段組みの設定を記述 */
#container{width: 100%;}
...
}
||<
