Гармонійне відображення логотипів за допомогою JavaScript

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


Якщо прирівняти висоту, ви отримаєте такий вигляд:

CodePen

Якщо ви виконуєте ту саму процедуру з шириною, наведено наступну ілюстрацію:

CodePen

Краще прирівняти область за допомогою декількох рядків JavaScript:

1dacb229fcfb428ee3cb6b414625be29

Це дає наступну картину:

CodePen

Назад