比如我們要設(shè)置一個(gè)圖片

img { max-width: 100%;}，img { width: 100%;}，

max-width：就是要保證圖片最大顯示為其自身的100%(即最大只可以顯示為自身那么大)。此時(shí)，如果包含圖片的元素(比如包含圖片的body或div)比圖片固有寬度小，圖片會縮放占滿最大可用空間。

width:100%：要實(shí)現(xiàn)圖片的自動縮放，也可以使用更通用的 width 屬性。然而，這條規(guī)則會導(dǎo)致它顯示得跟它的容器一樣寬。在容器比圖片寬得多的情況下，圖片會被無謂地拉伸。