Xiper

Масштабируемая картинка в резиновой колонке

Автор: Егор Скорняков Дата публикации:

Задача

Сделать чтобы изображение в резиновой колонке отображалось полностью внезависимости от ее ширины.

Решение

Оставляем width и height изображения без значений, но задаем max-width: 100%:

<style>
.wrapper img{
	max-width: 100%;
}
</style>
[...]
<img alt="машинка ниче так" src="1.jpg"/>

В живую. Проверено в:

  • IE 7-9
  • Firefox 9
  • Opera 11
  • Safari 5
  • Chrome

По теме