css如何設(shè)置圖片大小自適應(yīng)？1.用dw編輯器建立了一個(gè)靜態(tài)頁(yè)面2.將建好的靜態(tài)頁(yè)命名為css.html，標(biāo)題為了“css如何設(shè)置圖片大小自適應(yīng)”3.在body中添加兩個(gè)div，設(shè)置不能的寬度，并設(shè)c

css如何設(shè)置圖片大小自適應(yīng)？

1.用dw編輯器建立了一個(gè)靜態(tài)頁(yè)面

2.將建好的靜態(tài)頁(yè)命名為css.html，標(biāo)題為了“css如何設(shè)置圖片大小自適應(yīng)”

3.在body中添加兩個(gè)div，設(shè)置不能的寬度，并設(shè)class 為div1和div2，目的是用一樣的css控制圖片的寬度在不同的寬度容器中都能很好的顯示

4.在兩個(gè)div的class 中添加相同的控制圖片的class名為了 ”img“，并為div添加控制寬度的樣式

5.在兩個(gè)div中加入相同的圖片<img src="https://img.kmw.comimages/5.png" />，在瀏覽器打開頁(yè)面發(fā)現(xiàn)加入圖片后把原來(lái)的div都給覆蓋掉了

6.這個(gè)時(shí)候我們需要在img 類中加入限制圖片的寬度的css語(yǔ)句讓他自己適應(yīng)容器的寬度.img img{ width:100% height:auto}