css如何設(shè)置圖片大小自適應(yīng)？1. 用DW編輯器創(chuàng)建一個(gè)靜態(tài)頁(yè)面2。將靜態(tài)頁(yè)面命名為css.html文件，標(biāo)題是“如何通過(guò)CSS自適應(yīng)設(shè)置圖像大小”3。在主體中添加兩個(gè)div，設(shè)置不能設(shè)置的寬度，并將

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

1. 用DW編輯器創(chuàng)建一個(gè)靜態(tài)頁(yè)面

2。將靜態(tài)頁(yè)面命名為css.html文件，標(biāo)題是“如何通過(guò)CSS自適應(yīng)設(shè)置圖像大小”

3。在主體中添加兩個(gè)div，設(shè)置不能設(shè)置的寬度，并將類(lèi)設(shè)置為div1和div2，以便使用相同的CSS來(lái)控制圖像的寬度，可以很好地顯示在不同的寬度容器中

4在名為“img”的類(lèi)中添加相同的控制圖片，并為div添加控制寬度的樣式

5。在兩個(gè)分區(qū)中添加相同的圖片<img SRC=“images/5。Png“/>，在瀏覽器中打開(kāi)頁(yè)面，添加圖片后發(fā)現(xiàn)原來(lái)所有的div都被覆蓋了

6。此時(shí)，我們需要在img SRC=“images/5中添加相同的圖片。Png “/>類(lèi)限制圖片寬度的CSS語(yǔ)句，讓他適應(yīng)容器的寬度。Img Img{寬度：100%高度：自動(dòng)}