最大寬度img不響應響應

有人知道一個解決方案如何獲得最大寬度img工作？最大寬度img不響應響應

<div class="row"> 
    <div class="cell-content"> 
     hier komt de tekst met één of meer afbeeldingen<br> 
     <img src="http://www.clker.com/cliparts/d/3/4/8/122620237858385735ivak_TV_Test_Screen.svg" width="800" border="0" alt="" /> 
    </div> 
</div>

我的CSS：

.row { 
    height:100%; 
    width: 100%; 
    display:table-row; 
} 
.cell-content { 
    max-width: 100%; 
    margin: 1%; 
} 
.cell-content img { 
    max-width: 90% !important; 
    height: auto !important; 
}

來源

2015-04-20 PhanToM-the

你試過給'display：block'嗎？順便說一句，jsfiddle在這裏工作正常..你正在限制'寬度'。 –

你怎麼需要輸出，沒有響應代碼btw我猜.. –

嘗試設置父容器寬度的寬度%而不是px這樣的：Demo

.cell-content { 
    width: 50% !important; 
    margin: 1%; 
} 
.cell-content img { 
    max-width: 90% !important; 
    height: auto !important; 
}

或嘗試像這樣與media queryDemo

@media (max-width: 767px) { 
    .cell-content { 
    width: 90% !important; 

}

來源

2015-04-20 10:59:55

thnx :)只！重要的是足夠的（對於ios不測試在Android上）。 –

你（你的JS提琴，而不是上面的代碼）

.cell-content { 
width: 100px; 
margin: 1%; 
}

改變，要

.cell-content { 
width: 100%; //Or whatever width you need 
margin: 1%; 
}

來源

2015-04-20 10:53:15 AnnieMac

圖像的最大寬度取決於父容器。只是刪除父容器寬度

.cell-content { margin: 1%; }

來源

2015-04-20 10:53:40 Sumit

它的正常工作

.cell-content有寬度減少到100px

和

.cell-content img它試圖繼承什麼也沒有了父母，但100px和使用max-width它的90%這是90px

所以，如果你需要的寬度更大的img不設置寬度爲它的父

來源

2015-04-20 10:57:34

最大寬度img不響應響應

回答

相關問題