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 回答