max-width と mix-width の使い方

簡単にいうとこういうことだ！

要素の最大値と最小値を決める

どんな時に使うか

レスポンシブ（スマホ対応）させるときに使いましょー

使い方

• スマホは100%だと調子いいけど、PCで100%はデカすぎるー。

そんな時は、最大値を決めよう！

code
width: 100%;
max-width: 500px;

これで、100%だとしても、500px以上になりません！

• スマホは50%だときついけど、PCで50%がいいんだよなあ。。

そんな時は、最小値を決めよう！

code
width: 50%;
min-width: 250px;

これで、いくら狭くしても250px以下になりません！