メディアクエリの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まで適用
よくごっちゃになるのがmin-widthとmax-width。
●min-width = css適用の「最小デバイス幅」を表す
【例】
min-width(600px)→最低(最小のデバイスサイズ)600px以上から適用
●max-width = css適用の「最大デバイス幅」を表す
【例】
max-width(600px)→最大(最大のデバイスサイズ)600pxまで適用