課程
/前端開(kāi)發(fā)
/Bootstrap
/基于bootstrap的網(wǎng)頁(yè)開(kāi)發(fā)
carousel的圖片不隨背景變小,圖片還是那么大
2017-03-12
源自:基于bootstrap的網(wǎng)頁(yè)開(kāi)發(fā) 3-5
正在回答
.carousel {
? ? ? ? ? ? ? ? height: 300px;
? ? ? ? ? ? ? ? margin-bottom: 30px;
? ? ? ? ? ? }
? ? ? ? ? ? .carousel .item {
? ? ? ? ? ? .carousel img {
? ? ? ? ? ? ? ? min-height: 300px;
????????????????width:100%;
這些css你設(shè)置了嗎?
?? .carousel img { width:100%; },這樣就行,不要去設(shè)定它的最少高度,這樣就可以按比例縮放
舉報(bào)
Bootstrap框架的基礎(chǔ)教程,學(xué)會(huì)用Bootstrap前端框架搭建網(wǎng)頁(yè)
5 回答bootstrap背景圖片
1 回答縮小圖片和背景黑色跑偏了
4 回答圖片溢出carousel高度
2 回答瀏覽器縮小了。背景色就在圖片下方,height就比圖片長(zhǎng)了
1 回答為什么窗口縮小,輪播和圖片都變小了,字體不變??!
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-03-15
.carousel {
? ? ? ? ? ? ? ? height: 300px;
? ? ? ? ? ? ? ? margin-bottom: 30px;
? ? ? ? ? ? }
? ? ? ? ? ? .carousel .item {
? ? ? ? ? ? ? ? height: 300px;
? ? ? ? ? ? }
? ? ? ? ? ? .carousel img {
? ? ? ? ? ? ? ? min-height: 300px;
????????????????width:100%;
? ? ? ? ? ? }
這些css你設(shè)置了嗎?
2017-03-15
?? .carousel img { width:100%; },這樣就行,不要去設(shè)定它的最少高度,這樣就可以按比例縮放