Image Blogger的一个新的显著主题:缩略图框
在主页中,缩略图图像框显示文章的图像,如下所示: 我是否可以让缩略图像框包含帖子的图像? 无论图片的尺寸如何,它总是在我写的任何帖子中缩放图片。 我已经玩了一点css的这一部分,但我不能让它包含图像 多谢各位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; }
我的博客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, "1:1").cssEscaped'/>);
背景图像:url();
到
背景图像:url();
在
background-image: url(<b:eval expr='resizeImage(data:post.featuredImage, 256, "16:9").cssEscaped'/>);