javascript - 使 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您的代码应该可以工作。