css圖片自適應div大小 css如何設置圖片大小自適應?
css如何設置圖片大小自適應?1. 用DW編輯器創(chuàng)建一個靜態(tài)頁面2。將靜態(tài)頁面命名為css.html文件,標題是“如何通過CSS自適應設置圖像大小”3。在主體中添加兩個div,設置不能設置的寬度,并將
css如何設置圖片大小自適應?
1. 用DW編輯器創(chuàng)建一個靜態(tài)頁面
2。將靜態(tài)頁面命名為css.html文件,標題是“如何通過CSS自適應設置圖像大小”
3。在主體中添加兩個div,設置不能設置的寬度,并將類設置為div1和div2,以便使用相同的CSS來控制圖像的寬度,可以很好地顯示在不同的寬度容器中
4在名為“img”的類中添加相同的控制圖片,并為div添加控制寬度的樣式
5。在兩個分區(qū)中添加相同的圖片<img SRC=“images/5。Png“/>,在瀏覽器中打開頁面,添加圖片后發(fā)現原來所有的div都被覆蓋了
6。此時,我們需要在img SRC=“images/5中添加相同的圖片。Png “/>類限制圖片寬度的CSS語句,讓他適應容器的寬度。Img Img{寬度:100%高度:自動}