حول هذه الأداة
أدخل نسبة العرض والارتفاع لتوليد صندوق متجاوب بنسبة عرض إلى ارتفاع، مع كود CSS الحديث aspect-ratio وبديل نسبة padding-top، كل ذلك داخل متصفحك.
الأسئلة الشائعة
لماذا تُضمَّن حيلة padding-top كبديل؟
تُعيد حيلة نسبة padding-top إنتاج نسبة عرض إلى ارتفاع ثابتة في المتصفحات الأقدم التي لا تدعم خاصية aspect-ratio الحديثة.
هل تُبسَّط النسبة؟
نعم — تُختزل القيم مثل 16 و9 بقسمتها على القاسم المشترك الأكبر، لذا تُعرض 1920 على 1080 بصيغة 16 / 9.