今天小編就為大家?guī)硪黄P(guān)于如何設(shè)置bootstrap背景圖片自適應(yīng)的文章。小編覺得挺實(shí)用的，為此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。

十載專注建站、設(shè)計(jì)、互聯(lián)網(wǎng)產(chǎn)品按需求定制設(shè)計(jì)服務(wù)，業(yè)務(wù)涵蓋成都品牌網(wǎng)站建設(shè)、商城網(wǎng)站開發(fā)、重慶小程序開發(fā)公司、軟件系統(tǒng)開發(fā)、重慶APP開發(fā)公司等。憑借多年豐富的經(jīng)驗(yàn)，我們會(huì)仔細(xì)了解每個(gè)客戶的需求而做出多方面的分析、設(shè)計(jì)、整合，為客戶設(shè)計(jì)出具風(fēng)格及創(chuàng)意性的商業(yè)解決方案，創(chuàng)新互聯(lián)公司更提供一系列網(wǎng)站制作和網(wǎng)站推廣的服務(wù)，以推動(dòng)各中小企業(yè)全面信息數(shù)字化，并利用創(chuàng)新技術(shù)幫助各行業(yè)提升企業(yè)形象和運(yùn)營效率。

css中編輯此樣式：

.bg {
       background:url(圖片地址) no-repeat center;
       background-size:contain;
}

然后在你的div里引用這個(gè)樣式就行了：

使圖片不隨滾動(dòng)條滾動(dòng)，即固定不動(dòng)則加fixd，css代碼如下：

.bg {
       background:url(圖片地址) no-repeat center fixed;
       background-size:contain;
}

看完上述內(nèi)容，你們掌握使用bootstrap背景圖片自適應(yīng)的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道，感謝各位的閱讀！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享題目：bootstrap背景圖片自適應(yīng)-創(chuàng)新互聯(lián)
標(biāo)題URL：http://weahome.cn/article/dghcgj.html