這篇文章主要介紹了css讓圖片自適應(yīng)屏幕大小的方法，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司長期為超過千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為宣州企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作，宣州網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

css讓圖片自適應(yīng)屏幕大小的方法：在css文件中加入代碼【img {height: auto; width: auto\9; width:100%;}】即可。如果我們只想更改特定的圖片，那么可以使用方法【height: auto;】。

如果想讓圖片自適應(yīng)屏幕的大小，那么在css代碼里加入如下代碼即可

（學(xué)習(xí)視頻分享：java視頻教程）

img {height: auto; width: auto\9; width:100%;}

用max-width設(shè)置，如果圖片尺寸大于當(dāng)前瀏覽器尺寸就自動縮放，圖片的高度設(shè)置正比縮放。

height:auto，相關(guān)元素的高度取決于瀏覽器。

代碼如下：

如果只想改特定的圖片

.img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享css讓圖片自適應(yīng)屏幕大小的方法內(nèi)容對大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來學(xué)習(xí)!