首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >是否使holder.js与其他引导缩略图的大小相同?

是否使holder.js与其他引导缩略图的大小相同?
EN

Stack Overflow用户
提问于 2014-08-07 06:08:10
回答 2查看 1.4K关注 0票数 0

我有一个行,其中一个有图像,但另一个没有,并使用holder.js作为占位符。

代码语言:javascript
运行
复制
<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是:

代码语言:javascript
运行
复制
.thumbnail > img {
    width: 45%;
}

holder.js无法使图像适合bootstrap的缩略图宽度和高度。它生成的是248x20大小的占位符图像,高度太小。不过,宽度看起来很合适。

如何使占位符图像与引导缩略图具有相同的尺寸?

EN

回答 2

Stack Overflow用户

发布于 2014-08-07 12:02:04

指定高度不是<img src="holder.js/100%x75"> Official documentation的百分比

票数 1
EN

Stack Overflow用户

发布于 2014-08-07 10:04:53

您很可能没有在.thumbnail类上设置显式的高度。因此,当Holder尝试获取占位符的父级的高度时,会得到一个不正确的值。设置.thumbnail的高度,你的代码就可以工作了。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25171072

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档