Автомасштабирование картинки

  • Решено Wizardishe

    (@wizardishe)


    13 лет, 6 месяцев назад

    На странице выделена область для картинки w 200 h 300. Если картинка по размеру вписывается в это область то все ок, если нет, то должна пропорционально уменьшиться, что бы вписаться.

    Как это реализовать?

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • skodnik

    (@skodnik)

    13 лет, 6 месяцев назад

    В общем случае это можно сделать так — добавить в style.css следующее:

    img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

    В частном – добавить идентификатор элемента-обертки для исключения нежелательных последствий для других изображений.

    Совсем чуть-чуть подробнее с полезными ссылками тут — blog.verha.net/responsive-images.html

    Автор Wizardishe

    (@wizardishe)

    13 лет, 6 месяцев назад

    Спасибо!

Просмотр 2 ответов — с 1 по 2 (всего 2)

Тема «Автомасштабирование картинки» закрыта для новых ответов.