воскресенье, 9 апреля 2017 г.

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


Задача

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

Решение

Оставляем width и height изображения без значений, но задаем max-width: 100%:
HTML
1<style>
2.wrapper img{
3    max-width: 100%;
4}
5</style>
6[...]
7<img alt="машинка ниче так" src="1.jpg"/>
В живую. Проверено в:
  • IE 7-9
  • Firefox 9
  • Opera 11
  • Safari 5
  • Chrome

По теме

0 коммент.:

Отправить комментарий