在固定div中调整img src的大小

Question

如何在postbox-inner内调整图像可见部分的大小？如何调整postbox-outer的整个框的大小？

我基本上都在寻找更小的图像，因为它们中的很多都是低分辨率的，并且倾向于以丑陋的方式像素化，或者交替地调整网格的大小。

最好是两者。

<!--{block:Photo}-->
<div class="postbox-outer">
    <div class="postbox-inner" 
        <a href="{Permalink}">
            <img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0" />
            {block:Caption}<span class="desc">{Caption}</span>{/block:Caption}
        </a>
    </div>
</div>      
<!--{/block:Photo}-->

Answer 1

据我了解，您希望以最佳尺寸显示图像。如果它是一个巨大的图像，你希望它在div中受到限制。如果它是一个小图像，你不希望它填充div。我建议的最好的事情是将图像的最大宽度设置为100％。这是CSS规则：

img {max-width：100％; }

希望这应该没问题。如果这回答了你的问题，请告诉我。