1

我喜欢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}

我在网上搜索了一个答案，但没有运气！希望有人可以帮助我解决这个问题。

4

1 回答 1

2

您需要使用 CSS 规则：

.post-or-whatever img {
    max-width: 100%;
}
于 2013-10-09T01:19:50.867 回答