引導 - 在面板主體

響應圖像我有這樣的事情：引導 - 在面板主體

<div class="panel"> 
    <div class="panel-body"> 
    <div class="image-overlay"> 
    <img class="img-responsive"> src="..."/> 
    </div> 
    </div> 
</div>

，如果我手動「面板體」的高度爲400像素。它的工作應該如此。但是，一旦在小顯示器高度上打開時保持400px，但圖像被調整爲較小且面板的一半爲空。如何使面板響應式圖像與面板響應？

來源

2017-02-17 Lukas

在你的問題需要更多的詳細信息...特定分辨率下的效果如何？你是否試圖在圖像周圍的面板中保留一些填充或其他東西？如果您創建一個快速[plunker]（http://plnkr.co），並在此處包含有關您要查找的效果的詳細信息，則更好。 – RobM

你可以嘗試不要放任何維度？嘗試檢查這一個

https://www.w3schools.com/bootstrap/bootstrap_ref_css_images.asp

來源

2017-02-17 03:31:03 ZZZ

我不知道我理解你的問題，但我認爲你可能在尋找這樣的：

<img src="/mysrc.jpg" style="width:100%;max-height:400px;" />

來源

2017-02-17 03:31:10

引導 - 在面板主體

回答

相關問題