0

تحويل PX إلى EM

قم بتحويل px إلى rem، وrem إلى px، وpx إلى em بأي حجم خط أساسي، باستخدام خط CSS جاهز للنسخ وجدول مرجعي مباشر.

جارٍ المعالجة... 0%

النتيجة

تفتح هذه الصفحة المحول في الاتجاه px → em. الحساب هو نفس القسمة المستخدمة في rem - البيكسلات مقسومة على حجم الخط المرجعي - ولكن المرجع مختلف: em نسبة إلى حجم خط العنصر الأصلي (أو، بالنسبة لحجم الخط نفسه، الحجم الموروث للعنصر)، وليس إلى الجذر.

هذا الاختلاف هو بالضبط عندما تصل إلى em: الحشو الذي يجب أن ينمو مع النص الخاص بالمكون، أو استعلامات الوسائط المكتوبة في em، أو الزر الذي يتغير تباعده عندما يتغير حجم الخط الخاص به. أدخل حجم الخط الفعلي للوالد في الحقل الأساسي - إذا كان المكون الخاص بك موجودًا في نص بحجم 14 بكسل، فإن مساحة الحشو 21 بكسل هي 1.5em، وليس 1.3125em.

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