在固定 div 内调整 img src 的大小答案

【问题标题】：resize img src inside fixed div在固定 div 内调整 img src 的大小
【发布时间】：2012-03-12 15:09:40
【问题描述】：

如何调整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}-->

【问题讨论】：

标签： image html resize tumblr src

【解决方案1】：

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

img { 最大宽度：100%; }

希望这应该可以正常工作。如果这回答了您的问题，请告诉我。

【讨论】：