【css如何設(shè)置圖片大小自適應(yīng)】在前端的頁(yè)面設(shè)計(jì)的時(shí)候經(jīng)常要用到圖片，有的時(shí)候不知道屏幕的寬度，要自己適應(yīng)屏幕的寬度，這樣減少了出現(xiàn)不適應(yīng)的瀏覽器的兼容問(wèn)題那么怎么來(lái)處理圖片大小自適應(yīng)的問(wèn)題呢？
首先用dw編輯器建立了一個(gè)靜態(tài)頁(yè)面
將建好的靜態(tài)頁(yè)命名為css.html，標(biāo)題為了“css如何設(shè)置圖片大小自適應(yīng)”
在body中添加兩個(gè)div，設(shè)置不能的寬度，并設(shè)class為div1和div2，目的是用一樣的css控制圖片的寬度在不同的寬度容器中都能很好的顯示
在兩個(gè)div的class中添加相同的控制圖片的class名為了”img“，并為div添加控制寬度的樣式
在兩個(gè)div中加入相同的圖片&imgsrc=https://www.baikedog.com/baike/news/"images/5.png"/>；在瀏覽器打開(kāi)頁(yè)面發(fā)現(xiàn)加入圖片后把原來(lái)的div都給覆蓋掉了
這個(gè)時(shí)候我們需要在img類中加入限制圖片的寬度的css語(yǔ)句讓他自己適應(yīng)容器的寬度.imgimg{width:100%;height:auto}
推薦閱讀
- 為什么照片設(shè)置桌面老是放大
- 微信群主如何禁言全體 qq群主如何禁言全體群成員
- 如何判斷對(duì)方屏蔽了你的朋友圈 如何判斷對(duì)方屏蔽了你
- ios13照片編輯畫筆在哪里設(shè)置 ios13照片編輯畫筆在哪里
- 桑椹如何選購(gòu) 幫你挑選優(yōu)質(zhì)桑椹
- 手機(jī)如何消毒除菌
- 秋季如何養(yǎng)好后備母雞？
- 雪地迷彩褲如何搭配
- 多肉雅樂(lè)之舞如何移盆
- 筆記本如何保養(yǎng)