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%;
}