css如何設置圖片大小自適應？1. 用DW編輯器創建一個靜態頁面2。將靜態頁面命名為css.html文件，標題是“如何通過CSS自適應設置圖像大小”3。在主體中添加兩個div，設置不能設置的寬度，并將

css如何設置圖片大小自適應？

1. 用DW編輯器創建一個靜態頁面

2。將靜態頁面命名為css.html文件，標題是“如何通過CSS自適應設置圖像大小”

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

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

5。在兩個分區中添加相同的圖片<img SRC=“images/5。Png“/>，在瀏覽器中打開頁面，添加圖片后發現原來所有的div都被覆蓋了

6。此時，我們需要在img SRC=“images/5中添加相同的圖片。Png “/>類限制圖片寬度的CSS語句，讓他適應容器的寬度。Img Img{寬度：100%高度：自動}

CSS控制圖片自適應Div大小？

讓我給你兩種方法。第一種方法相對簡單，即將IMG大小設置為100%。例如

這樣，不管圖像的原始大小是多少，它都會被限制在這個范圍內。然而，這種方法有很大的局限性。它必須要求圖像的高寬比與div相同，這樣圖像就不會變形。第二種方法比較常用，就是調用JS來控制，給你一個鏈接，你看看吧