ディスプレイサイズで判別してCSSを分けてレスポンシブ対応させる方法
まずHTMLの方に↓こいつをぶち込む！
<meta name="viewport" content="width=device-width,initial-scale=1">
ようはディスプレイの幅を計測してくれるよ！みたいなコード。
contentのwidthを数字にすると全てその幅として仮想するよ！的なものになる認識。（違うかな？）
であとはCSSの方に
@media screen and (min-width:720px) {
}
@media screen and (max-width:720px) {
}
で、振り分けてあげたらいいだけの簡単なお仕事。
min-width:720pxの意味は720px以上の幅ならこっちのCSSを適用してね、max-width:720pxの意味は720px以下の幅ならこっちのCSSを適用してねってこと。
{ }内にCSSをかけばいいだけです！
{ }外に書くとどっちにも適用。
おんなじIDとかclassなら後に書いた方が上書きする感じか!importantがついてるものが優先だった気がしますね！
レスポンシブに対応する楽チンな方法としてメモ！