• HOME
  • Web制作
  • メディアクエリのmin-widthとmax-widthの違い

メディアクエリの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まで適用

この記事もおすすめ