いつもこんがらがるので・・・。
min-width
@media only screen and (min-width: 800px) {
「ブラウザが」800px幅が最低でも必要です => 800px以上のブラウザ幅で有効になります。
max-width
@media only screen and (max-width: 800px) {
「ブラウザが」800pxを越える時まで有効です。
minは「最低でも必要」、maxは「この大きさまで有効」
いつもこんがらがるので・・・。
@media only screen and (min-width: 800px) {
「ブラウザが」800px幅が最低でも必要です => 800px以上のブラウザ幅で有効になります。
@media only screen and (max-width: 800px) {
「ブラウザが」800pxを越える時まで有効です。
minは「最低でも必要」、maxは「この大きさまで有効」