Масштабируемая картинка в резиновой колонке
Автор: Егор Скорняков Дата публикации:
Задача
Сделать чтобы изображение в резиновой колонке отображалось полностью внезависимости от ее ширины.
Решение
Оставляем 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