width和min-width、max-width的关系

一、max-width

若同时设置了width和max-width两个属性,则以下面规则显示宽度:
(1)当width< max-width时,元素宽度以width为准
(2)若width>=max-width则以max-width为准。
默认图片1000*780


width< max-width
width>=max-width

二、max-width

若同时设置了width和max-width两个属性,则以下面规则显示宽度:
(1)当width< min-width时,元素宽度以min-width为准
(2)若width>=min-width则以width为准。

width< min-width

width>=min-width

你可能感兴趣的:(width和min-width、max-width的关系)