第一種將圖片的maxwidth數(shù)值px 數(shù)值設(shè)置成你的div2的寬度 第二種將圖片作為div2的背景圖， 這種可以不裁剪圖片尺寸backgroundurl圖片路徑 center top norepeat。

image寬度設(shè)為100%就行了，高度會自動按比例縮放如果你想圖片鋪滿div而無視圖片長寬比例，那么把image高度也設(shè)為100%就行了但是這樣image會變形，不推薦除非你確定圖片長寬和div長寬同比例。

2在兩個div中加入相同的圖片， 這個時候需要在img 類中加入css語句設(shè)置一下div的高度和寬度，以及div的邊框，然后就可以設(shè)置img的樣式了3最后設(shè)置img的樣式中圖片的高度為auto，寬度為100%，這樣就可以自適應(yīng)瀏覽器了。

因為圖片設(shè)置了float之后就脫離了文檔流，可以理解為網(wǎng)頁是一層一層重疊起來的，而現(xiàn)在圖片和div不在一個層級了，所以div就覆蓋了圖片只需要在div上也加上float，讓div和圖片在同一層上，就ok了。

使html中div內(nèi)的圖片隨屏幕大小調(diào)節(jié)的操作方法為，將div與img的寬度都設(shè)置為100%，代碼如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot lthtml xmlns=quot ltheadltmeta。

原因瀏覽器在解析我們頁面的時候，給這一串?dāng)?shù)字當(dāng)成一個單詞了，這樣就不會自動切斷字符串而進(jìn)行換行方法用wordwrapbreakword和wordbreakbreakall 如 ltdiv style=quotwidth200pxwordwrapbreakwordword。