縮小屏幕寬度有滾動條
-固定布局
圖片.png
圖片.png
圖片.png
縮小屏幕寬度無滾動條
彈性布局
這種情況是給父容器設置一個最大寬度，這樣屏幕寬度減小到最大寬度 再減小，div的寬度也會跟這減小適應屏幕寬度，所以沒有了滾動條
屏幕寬度放大到最大寬度，屏幕再放大，div的寬度依然為最大寬度不變
這種情況下，就要好好規劃div里面的內容，當屏幕寬度減小到最大寬度的時候，父容器自適應，要使得里面的內容寬度也要自適應
圖片.png
圖片.png
圖片.png
總結
max-width:0開始，屏變大不變大，屏變小變小
min-width:最大寬開始，屏變小不變小，屏變大變大
特殊例子
圖片.png
圖片.png
圖片.png
圖片.png
代碼
