изменить размер img src внутри фиксированного div - PullRequest
0 голосов
/ 12 марта 2012

Как изменить размер видимой части моего изображения внутри 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}-->

1 Ответ

1 голос
/ 16 мая 2012

Насколько я понимаю, вы хотите, чтобы изображения отображались в максимально возможном размере. Если это огромное изображение, вы хотите, чтобы оно было ограничено внутри div. Если это маленькое изображение, вы не хотите, чтобы оно заполняло div. Лучшее, что я могу предложить, это установить максимальную ширину изображения на 100%. Вот правило CSS:

img {max-width: 100%; }

Надеюсь, это должно сработать. Дайте мне знать, если это ответит на ваш вопрос.

...