我正在使用一个名为“简单引导”的主题,在最近的一次更新之后,该主题开始在索引和帖子页面上裁剪特色图像的高度。当我检查图像的特定元素时,我得到了这样一个结果(包括包围它的div):
<div class="featured-image">
<a href="http://listen.undertheguntheater.com/index.php/podcast/s2-e4-down-will-come-or-nobody-can-catch-a-break-on-this-show/" title="S2 E4 – Down Will Come or Nobody Can Catch A Break On This Show">
<img src="http://i0.wp.com/listen.undertheguntheater.com/wp-content/uploads/2015/06/Under-The-Gun-Presents-11.png?resize=1140%2C488" class="attachment-simple_boostrap_featured wp-post-image" alt="Under The Gun Presents (1)" />
</a>
</div>
我认为相关的CSS是:
.featured-image img {
width: 100%;
height: auto;
}
我是否可以在主题的CSS中添加一些东西来纠正这一点并显示图像的完整高度?我尝试将此添加到CSS中,虽然它确实覆盖了它,但没有修复图像:
.featured-image img {
height: 100%;
}
您可以在此处查看页面并进行检查:
http://listen.undertheguntheater.com/