عرض متناسق للشعارات مع JavaScript

سواء كانت مراجع أو شركاء أو عملاء - هناك العديد من الحالات التي تريد فيها عرض عدة شعارات بجانب بعضها البعض بشكل متناغم. غالبًا ما تكون نسب الشعارات غير متسقة. غالبًا ما تتبع غريزة القناة الهضمية لتمثيل الحجم في التصميم ، ولكن هناك أيضًا طريقة حساب دقيقة لتمثيل جذاب بصريًا من خلال مساواة مناطق الشعارات. في المثال التالي ، يمكنك القيام بذلك ببضعة سطور من JavaScript.


إذا كنت تساوي الارتفاع ، تحصل على المظهر التالي:

CodePen

إذا قمت بتنفيذ نفس الإجراء مع العرض ، فسوف ينتج عن الرسم التوضيحي التالي:

CodePen

من الأفضل أن تساوي المنطقة بمساعدة بضعة أسطر من JavaScript:

1dacb229fcfb428ee3cb6b414625be29

هذا يعطي الصورة التالية:

CodePen

عودة