スマフォで見たらカッコ悪かった

PCで確認できているからOKにしていたサイトでiPhoneで見たら変だった。
スクリプトは面倒だし、ヘッダにダラダラ書くのもいやなので調べてみたら簡単だった。

/* スマフォには適用しない対策 */
@media screen and (min-width: 481px) {
}
/* スマフォにだけ適用する対策 */
@media screen and (max-width: 480px) {
}

ひとつのCSSファイルで条件指定ができるので視認性が良い。うん。いい。