HTML帮助：width =“100％”伸展图像？

Question

我喜欢用width="100%"我的tumblr博客，因为它从创建我的博客上水平滚动条停止高分辨率图像和它“包含”我的所有图像，但它也伸出小图像到最大尺寸使图像模糊。我怎样才能阻止呢？我希望高分辨率的图像保持包含，但我也希望较小的图像保持真实的大小。或者，也许有一个不同的代码来“包含”来自“溢出”的高分辨率图像，并且超大规模？谢谢你的帮助！

这里有点代码：

{block:Photo} <div class="photo-post"> 
{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-highres}" width="100%" /> </a>{LinkCloseTag} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} </div> {/block:Photo} 

我已经搜索所有网站上的答案，但没有运气！希望有人能帮助我解决这个问题。

Answer 1

你需要使用一个CSS规则来代替：

.post-or-whatever img { 
    max-width: 100%; 
}