Bootstrap和響應式圖像

我正在使用img標籤中的.img響應類。圖像非常小（42K），但是當頁面加載時，圖像會顯示多個秒，因爲它相當大，直到它縮小到適合保存它的元素的大小。Bootstrap和響應式圖像

我該如何處理帶有自舉的響應元素？

2015-06-26 jjei

你能不能重現您的問題中的jsfiddle任何文件或css？ – abl

使用'img-responsive'不會導致你的圖像做到這一點，你有其他代碼干擾嗎？ – DavidG

聽起來像你的CSS需要一段時間來加載 –

此問題發生時，您的庫代碼（例如電網系統）負載晚了，你的「IMG」標籤可能有以下CSS：

青菜

#yourIMG 
    display:block 
    max-width:100% 
    height: auto 
    width: 100% /*this one is your problem*/

和width:100%化妝您的網格系統負載之前的全寬，您可以刪除/覆蓋該css或更早加載您的網格系統代碼

注：網格系統，在這裏可以是控制您img父標籤width

2015-06-26 13:39:31 Taurus

@Aibrean **在SASS中你不能使用*';'它的語法錯誤，我不能相信你只是編輯我的答案來加這個 – Taurus

在SCSS中，你確實使用';'而且大多數Bootstrap都使用LESS 。 – Aibrean

我知道，但它的a * SASS * – Taurus

回答