调整 Blogger 主页图像的大小答案

【问题标题】：Resizing Blogger Homepage Images调整 Blogger 主页图像的大小
【发布时间】：2017-12-04 23:33:10
【问题描述】：

我是一名业余博主，一直在尝试将我主页上的图片统一（并且小于帖子正文）大小。有没有办法做到这一点？

【问题讨论】：

【解决方案1】：

放置此代码-

.post-body img {
  max-width:100%;
  height:auto;
}

就在]]></b:skin> 标记上方。

注意：如果.post-body img 已经出现在您的 Blogger 皮肤标签中，则只需将其替换为上面的代码即可。

【讨论】：

【解决方案2】：

实际上，这取决于您使用的博客模板以及主页设计的外观。我曾经根据博客模板的类别为我的博客模板采用不同的设计...https://weblyb.com/blogger ..需要更多信息来帮助您...

【讨论】：

【解决方案3】：

这完全取决于您的模板如何调整主页上的图片。最快的解决方案（也是最基本的）是您可能希望使用 CSS 来调整它们“如果页面是主页”的大小

<b:if cond='data:blog.url == data:blog.homepageUrl'>
.post-body img {
  width: [PLACE YOUR DESIRED WIDTH];
  height: [PLACE YOUR DESIRED HEIGHT];
}
</b:if>

这种方法的问题是您的图像可能会被拉伸或缩小。如果这对您来说没问题，那么这应该可以工作，否则，您可能需要学习如何编辑自己的模板并为主页设置不同的代码/布局。

【讨论】：

【解决方案4】：

您可以通过导航到博客仪表板中的主题，单击编辑 html 并在下面找到这组代码来做到这一点：

<b:if cond='data:blog.url == data:blog.homepageUrl'>
.post-body img {
  width: [input you preferred width];
  height: [input your preferred height ];
}
</b:if>

然后点击保存主题就完成了。

【讨论】：