В этой статье поделюсь способом как масштабировать изображение при помощи css.

Конечно-же придуман этот способ не мной - до недавнего времени я даже не знал о его существовании. Но, как писал Александр Сергеевич: «О сколько нам открытий чудных»...

Обычно делал таким образом: задавал в стилях ширину в процентах, а высоту выставлял авто и всё.

И это прекрасно работало и работает в большинстве случаев. Даже с расчётом на адаптивный дизайн.

Но вот на днях, завершая работу по переводу самописного корпоративного сайта на адаптивный дизайн (кстати, как оказалось - увлекательнейшее занятие!), я столкнулся с необходимостью выводить несколько изображений товаров в одну линию и таких линий-строк на целую страницу.

А проблема заключалась в том, что размеры у изображений разные. Несколько тысяч картинок делались в разные годы разными дизайнерами и по разным стандартам, которые периодически менялись.

Читать статью порлностью...