使博客图像适合博客文章区域

Question

我目前正在使用这个 css 使我的博客图像适合我的博客区域和博客文章文本的确切宽度。我不确定这是否是最好的解决方案，因为我偶尔会遇到图像向右移动的问题。

.post-body img {
width: 761px!important;
height: auto!important;
padding: 0 !important;
border: none !important;
background: none !important;
} 

有没有更好的方法来做到这一点？在此先感谢:)

Answer 1

试试这个。没有把握。但为我工作

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

Answer 2

标签应该有这样的声明（响应代码）。

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

但是，您必须检查是否有其他 CSS 规则可能会影响图像的显示，无论是对于图像本身还是对于它的父级。 考虑到：

1. 通过 Blogger 编辑器上传的图像将在
   中进行编码。检查

   本身或“分隔符”类中是否没有额外的边距、填充和边框。
2. post-body 通常有填充规则，因此如果您希望图片填满整个 post-body 区域，则必须为图片声明负边距。

所以假设例如 post-body 在侧面有 13px 的填充，最后你可能会有这样的东西：

.post-body img {
   max-width:100%;
   height:auto;
   margin:0 -13px;
   border:0;
   padding:0;
}