和width/height相比提完，min-width/height和max-width/height有以下四點(diǎn)不同：
1、min-width/max-width是為流而生的泪电，像width/height這種定死的磚頭式布局弊知，min-width/max-width就沒有存在的意義 ，min-width/max-width一定是自適應(yīng)布局或流體布局中容诬。常應(yīng)用于表格或圖片娩梨，在公眾號(hào)的熱門文章中，經(jīng)常會(huì)有圖片览徒，這些圖片都是用戶上傳產(chǎn)生的狈定，大小不一，為了避免圖片在移動(dòng)端顯示過大影響體驗(yàn)，常常會(huì)做下面的max-width限制
height:auto是必需的纽什，否則措嵌，如果原始圖片有設(shè)定height,max-width生效的時(shí)候，圖片就會(huì)被水平壓縮芦缰。強(qiáng)制height為auto可以確保寬度不超出的同時(shí)使圖片保持原有的比例企巢。這樣設(shè)置體驗(yàn)上存在的問題是：在加載時(shí)圖片占據(jù)高度會(huì)從0變成計(jì)算高度，圖文出現(xiàn)明顯的瀑布式下落让蕾。
2浪规、與眾不同的初始值
max-width/height初始值為none
min-width/height初始值為auto
3、超越!important探孝，?超越最大
超越!important：max-width會(huì)覆蓋width,即使width使用了!important
aa
超越最大：當(dāng)設(shè)置的min-width比max-width大時(shí)笋婿，min-width權(quán)重大
4、任意高度元素的展開收起動(dòng)畫技術(shù)
實(shí)現(xiàn)展開收起效果：height + overflow: hidden
沒有transition效果顿颅，只是生硬的展開
優(yōu)化：
只要保證展開的max-height值比展開內(nèi)容高度大就可以缸濒，一個(gè)高度不定的任意元素的展開動(dòng)畫效果就實(shí)現(xiàn)了。
