Image Blogger的一个新的显著主题:缩略图框

Image Blogger的一个新的显著主题:缩略图框,image,css,thumbnails,blogger,Image,Css,Thumbnails,Blogger,在主页中,缩略图图像框显示文章的图像,如下所示: 我是否可以让缩略图像框包含帖子的图像? 无论图片的尺寸如何,它总是在我写的任何帖子中缩放图片。 我已经玩了一点css的这一部分,但我不能让它包含图像 多谢各位 我的博客URL:www.aflamtalk.com您可以在span.snippet缩略图img选择器上尝试background size:contain 像这样: span.snippet-thumbnail-img { background-size: contain; }

在主页中,缩略图图像框显示文章的图像,如下所示:

我是否可以让缩略图像框包含帖子的图像? 无论图片的尺寸如何,它总是在我写的任何帖子中缩放图片。 我已经玩了一点css的这一部分,但我不能让它包含图像

多谢各位
我的博客URL:www.aflamtalk.com

您可以在
span.snippet缩略图img
选择器上尝试
background size:contain

像这样:

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

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

搜索以下代码块

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

并改变
背景尺寸:封面到<代码>背景大小:包含

我在更改中找到了解决方案:

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

背景图像:url();

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