كيفية تحويل تخطيط ثابت ثابت/عرض إلى مرونة؟

Question

لقد استخدمت نفس البرنامج المستخدم هنا http://us.gn.bartal.org/ لإنشاء عرض ثابت/ارتفاع Treemap في HTML + CSS.

أود أن أجعلها مرنة من خلال وجود وظيفة JavaScript لتحويل جميع المواقف والأحجام المطلقة للبكسل إلى النسب المئوية.

كيف تقترح المضي قدما؟ هل هناك بعض السحر jQuery/النموذج الأولي/dojo يمكنني استغلاله؟

Answer 1

ستكون عمليتك الأساسية شيئًا من هذا القبيل:

• تحديد العناصر التي تحتاج إلى تغيير حجمها
• اكتب بعض jQuery للعثور على أحجام تلك العناصر
• احسب النسب المئوية (أو قيم أخرى)
• إجراء التعديلات
• اشترك في جميع أحداث تغيير حجمها ذات الصلة
• إعادة حساب الأحجام في كل حدث تغيير الحجم