使holder.js與其他引導縮略圖大小相同？

Question

我有一排有一個圖像，但另一排沒有，並使用holder.js作為占位符。

<div class="row">
    <div class="col-md-3">
        <div class="thumbnail">
            <img src="image.jpg"/>
        </div>
    </div>
    <div class="col-md-3">
        <div class="thumbnail">
            <img src="holder.js/100%x100%"/>
        </div>
    </div>
</div>

我的縮略圖的CSS是：

.thumbnail > img {
    width: 45%;
}

holder.js不適合引導靴的縮略圖的寬度和高度。 它會生成一個248x20尺寸的占位符圖像，高度太小了。 寬度看起來找到。

如何使占位符圖像的尺寸與引導縮略圖的尺寸相同？

Answer 1

不以百分比指定高度<img src="holder.js/100%x75"> 官方文檔

Answer 2

您可能沒有在.thumbnail類上設置明確的高度。 因此，當Holder嘗試獲取占位符的父級的高度時，它將獲得不正確的值。 設置.thumbnail的高度，您的代碼應該可以工作。