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

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

＆LT; IMG＆GT;标签应该有这样的声明（响应代码）。

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

但是，您必须检查是否存在可能影响图像显示的其他CSS规则，包括图像本身及其父母。 考虑到：

1. 通过Blogger编辑器上传的图片将在＆lt; div class =＆＃39;分隔符＆gt;中进行编码。检查＆lt; div＆gt;是否没有额外的边距，填充和边框本身或在＆＃34;分隔符＆＃34;类。
2. 后身通常有填充规则，因此如果您希望图像填充整个后身区域，则必须为图像声明负边距。

所以假设例如后体在两侧有一个13px的填充，最后你可能有这样的东西：

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