Гармоничное отображение логотипов с помощью JavaScript

Будь то ссылки, партнеры или клиенты - во многих случаях вы хотите гармонично разместить несколько логотипов рядом друг с другом. Пропорции логотипов в большинстве своем непостоянны. Вы часто следуете своему чутью в представлении размера в дизайне, но есть также точный метод расчета для визуально привлекательного представления путем уравнивания областей логотипов. В следующем примере вы можете сделать это с помощью всего нескольких строк JavaScript.


Если приравнять высоту, получится следующий вид:

CodePen

Если проделать ту же процедуру с шириной, получится следующий рисунок.:

CodePen

Лучше выровнять площадь с помощью нескольких строк JavaScript:

1dacb229fcfb428ee3cb6b414625be29

Это дает следующую картину:

CodePen

Назад