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

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

<IMG>标签应当有这样的（响应代码）的声明。

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

但是，您必须检查是否有其他CSS规则可能影响图像显示，无论是图像本身还是其父母。 要考虑到：通过Blogger编辑器上传

1. 图像会< DIV CLASS =“分离” >内进行编码。检查<div>本身或“分隔符”类中是否没有额外的边距，填充和边框。
2. 后身通常有填充规则，所以如果你想让你的图像填充整个后身区域，你将不得不声明图像的负边距。

所以例如假设体后必须在双方13像素填充，到最后，你可能有这样的事情：

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