メディアクエリのmin-widthとmax-widthの違い

 

よくごっちゃになるのがmin-widthとmax-width。

min-width

●min-width　＝　css適用の「最小デバイス幅」を表す
【例】
min-width(600px)→最低(最小のデバイスサイズ)600px以上から適用

max-width

●max-width　＝　css適用の「最大デバイス幅」を表す
【例】
max-width(600px)→最大(最大のデバイスサイズ)600pxまで適用