Blogger的一个问题新的值得注意的主题：缩略图图像框

Question

在主页中，缩略图图像框显示帖子的图像，如下所示：

无论如何，我可以让缩略图图像框包含帖子的图像吗？ 无论图像的尺寸如何，它总是在我制作的任何帖子中缩放图片。 我已经玩了一点这部分的CSS，但我无法让它包含图像。

谢谢 我的博客网址：www.aflamtalk.com

Answer 1

您可以在background-size: contain选择器上试用span.snippet-thumbnail-img。

像这样：

span.snippet-thumbnail-img {
    background-size: contain;
}

这可能是您想要的效果，也可能不是。这取决于您的用例

Answer 2

搜索以下代码块

.post-outer .snippet-thumbnail-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

将background-size: cover;更改为background-size: contain;

Answer 3

我找到了改变的解决方案：

background-image: url(<b:eval expr='resizeImage(data:post.featuredImage, 256, &quot;1:1&quot;).cssEscaped'/>);

到

background-image: url(<b:eval expr='resizeImage(data:post.featuredImage, 256, &quot;16:9&quot;).cssEscaped'/>);

<b:includable id='normalPost'>

中的