css中，min-width是用來限制元素的最小寬度，max-width用來限制元素的最大寬度，也就是說當元素的width大於max-width,或者小於min-width。就被它們的值所代替，尤其適用於網站的自適應。下面將具體介紹下關於min-,max-的區別和聯系：
1、min-width,max-width的權重高
當元素設置了這2個屬性的時候，即使在width后面使用了!important，如果元素實際寬度沒在min-width,max-width的范圍內，也不會顯示width中的值，例如：
div{ min-width: 600px; width: 400px !important; }該div任然顯示600px的寬度。
div{ max-width: 400px; width: 600px !important; }這里顯示400px的寬度。
辦公資源網址導航 https://www.wode007.com
2、min-width與max-width值的大小出現沖突
當min-width的值大於了max-width的值的時候，元素最終的寬度顯示min-width的值，例如：
div{ max-width: 400px; min-width: 600px; }這里元素將顯示600px的寬。
3、利用max-width可以實現元素逐漸變寬的效果
當我們不知道元素的具體寬度，可以結合transition來實現動畫延遲效果，如下：
div{ max-width: 0; overflow: hidden; transition: max-width 0.25s; } div.active { max-width: 600px; }
總結：
min-height和max-heigth也同樣類似， 在不知道元素具體區域寬高的時候，使用這些屬性能很好讓網站實現自適應效果。