widthの使用例
ここの幅は800pxです。ブラウザ幅を広げても縮めてもずっと800pxです。
ここの幅は1000pxです。ブラウザ幅を広げても縮めてもずっと1000pxです。
ここの幅は50%です。
ここの幅は100%です。ブラウザ幅によって幅の値が変わります。
ここの幅は50%です。
max-widthの使用例
ここの幅は width:100%、max-width:900px です。ブラウザ幅が900px以下の時にはブラウザ幅いっぱいになりますが、ブラウザ幅が900px以上の時には900px以上に広がりません。
ここの幅は100%です。ブラウザ幅によって幅の値が変わります。
ここの幅はwidth:50%、max-width:400pxです。ブラウザ幅が広がっても、400px以上になりません。
min-widthの使用例
ここの幅は width:100%、min-width:900px です。ブラウザ幅が900px以上の時にはブラウザ幅いっぱいになりますが、ブラウザ幅が900px以下の時には900px未満に縮みません。
ここの幅は100%です。ブラウザ幅によって幅の値が変わります。
ここの幅はwidth:50%、min-width:400pxです。ブラウザ幅が縮まっても、400px未満になりません。