CSS中最小寬度和最大寬度的用法

最大寬度屬性協助開發人員限制文本或其他元素的寬度。最大寬度的目的是把你的元素限制在邊界線以內。使用下面的代碼就可以限制最大寬度，你還可以根據你的需要改變數值。

.container {

width: 800px;
max-width: 90%;
}

- 自適應圖片大小

下面的代碼可以幫你根據限制的寬度自動調節圖片大小。你需要做的就是設最大寬度為100%高度自適應。

img {
max-width: 100%;
height: auto;
}

不過對IE8上面的代碼需要做些許調整，因為上面的代碼只對IE7和IE9起效。對IE8如下：

@media \0screen {
img {
width: auto; /* for ie 8 */
}
}

- 最小寬度

要時刻記得最大寬度和最小寬度的區別。最大寬度把所有元素限制在框內，而最小寬度為文本或其他元素設定最小寬度。不過應用這個樣式，到達最小寬度後你的網頁不會更進一步按比例縮小。