CSS 有一組控制圖片最小寬度與最大寬度的工具，叫做 min-width 與 min-width，為什麼我的標題說這兩個工具超好用呢？因為前一陣子在研究自適應的網頁設計，老闆說要把部份公司的網站修改成自動適應，也就是說網站自己必須判斷用戶是用 PC 還是用手機上網，做出這樣的功能其實並不困難，可是圖片要怎麼縮？

還好 CSS 有提供這組 min-width 與 max-width 的工具，我們只需要套用到圖片上，就可以輕鬆的讓圖片在所限制的範圍內達到最漂亮的效果，經過我的實驗發現，效果還真的不錯呢！

我在這裡舉個簡單的例子，限制圖片的最小與最大範圍。

<img src="圖片網址" style="min-width:300px;">

這樣的意思是圖片的最小寬度不可以低於 300px。

<img src="圖片網址" style="max-width:300px;">

這樣的意思是圖片的最大寬度不可以超過 300px。

兩個工具可以混搭使用，幾乎現在新一代的流覽器都支援，實在是很方便，如果你想更進一步的了解它們的實際應用範例，可以看 Wibibi 網頁設計教學百科的這兩篇文章，非常實用。

1. CSS min-width 屬性
2. CSS max-width 屬性