規模在這個問題上Bootstrap Carousel Image does not scale proportionately，建議離開圖像明確維度，但我不明白這意味着什麼。

2013-09-01 lowcoupling

嗨@lowcoupling，我看到你正在使用Bootstrap的Carousel！友好的建議：爲了在這裏得到最好的答案，請嘗試提問[Short，Self Contained，Correct，Examples]（http://sscce.org/）。有時奇怪的行爲只存在於您的代碼中，因此在互聯網上很難再現陌生人。最好的策略通常是發佈一些代碼，並指出什麼不起作用。 – KyleMit

設置這在您的HTML

對於您的傳送帶每img元素，可以將width屬性設置爲100%這樣的（雖然你不應該需要如果自然分辨率比控制大）：

<img src="http://i.imgur.com/OEdBxVD.jpg" width='100%'>

通常情況下，這一形象將是太小，無法完全展開，但100％擴展它。
確保你沒有width或height設置爲任何像素大小

jFiddle

由於圖像是要去全屏幕，你應該嘗試讓你的手的決議這將自然地嘗試佔據全部可用的寬度。當瀏覽器不得不向上縮放圖像時，會導致人爲因素。

來源

2013-09-01 15:53:11 KyleMit

你應該使用css：.carousel .carousel-inner img {width = 100％; } – Ruben

我用它來設定滑塊的固定高度：.carousel.carousel-inner .item { height：460px; } – Ruben

他們的意思是離開圖像（或圖像樣式）的width = px和height = px。你可以設置width =「100％」並離開高度。瀏覽器將按比例爲您調整比例。

來源

2013-09-01 15:38:34

謝謝，我應該在哪裏設置它？ – lowcoupling

我不得不看你的代碼真正幫助。但嘗試設置寬度=「100％」直接在您的img標籤...所以像 –

謝謝，我試圖但似乎並沒有工作。我也在嘗試。 – lowcoupling

嘗試使用不帶內聯樣式的選項。只需將它添加到樣式表中即可覆蓋bootstrap.css樣式。

.carousel .item { 
width: 100%; 
/*slider width*/ 
max-height: 600px; 
/*slider height*/ 
} 
.carousel .item img { 
width: 100%; 
/*image width*/ 
}

來源

2016-01-02 23:05:01

Twitter的引導旋轉木馬沒有拉伸背景圖片

回答

jFiddle

Twitter的引導旋轉木馬沒有拉伸背景圖片

回答

jFiddle

相關問題