縮小屏幕寬度有滾動(dòng)條

-固定布局

圖片.png

圖片.png

圖片.png

縮小屏幕寬度無滾動(dòng)條

彈性布局

這種情況是給父容器設(shè)置一個(gè)最大寬度，這樣屏幕寬度減小到最大寬度 再減小，div的寬度也會(huì)跟這減小適應(yīng)屏幕寬度，所以沒有了滾動(dòng)條
屏幕寬度放大到最大寬度，屏幕再放大，div的寬度依然為最大寬度不變

這種情況下，就要好好規(guī)劃div里面的內(nèi)容，當(dāng)屏幕寬度減小到最大寬度的時(shí)候，父容器自適應(yīng)，要使得里面的內(nèi)容寬度也要自適應(yīng)

圖片.png

圖片.png

圖片.png

總結(jié)

max-width:0開始，屏變大不變大，屏變小變小
min-width:最大寬開始，屏變小不變小，屏變大變大

特殊例子

圖片.png

圖片.png

圖片.png

圖片.png