CSS Unit Converter — px, rem, em online
حوّل بين px و rem و em حسب حجم الخط الأساسي الذي تحدده (الافتراضي 16px). شاهد القيم الدقيقة مع جدول مرجعي عبر نطاق أحجام معتاد.
التصنيف: أدوات المطورين
عن هذه الأداة
ما هي أداة محول وحدات CSS؟ أداة محول وحدات CSS تحوّل بين px و rem و em مستخدمة حجم الخط الأساسي الذي تحدده (16px افتراضيًا). تعرض اللوحة قيم px↔rem و px↔em الدقيقة مع جدول مرجعي عبر نطاق أحجام معتاد. طريقة العمل تُطبق معادلة التحويل rem = px ÷ حجم الأساس و em = px ÷ حجم الأساس (em غالبًا نسبة إلى حجم خط الأب؛ ويستخدم المحول حجم الأساس كأب افتراضي). حجم خط الأساس الذي تختاره يحدد كل النسب على الصفحة. مثال تطبيقي مثال مع حجم أساس 16px: 16px تصبح 1rem و 1em، و 24px تصبح 1.5rem، و 0.5rem تصبح 8px وما يعادل 0.5em عند حجم الأساس. حالات الاستخدام الشائعة ضبط الطباعة المتجاوبة بشكل متناسق ترحيل رموز التصميم من px إلى rem مراجعة الأنماط الحالية لتوحيد الوحدات ملاحظات مهمة تتضاعف em مع كل عنصر أب متداخل، بينما تشير rem دائمًا إلى حجم الأساس تغيير حجم الخط الأساسي يحدّث كل التحويلات والجدول كاملًا فورًا القيم السالبة تحوّل بالمعادلة نفسها أدوات مرتبطة فاحص CSS — التحقق من أوراق الأنماط CSS. فاحص HTML — التحقق من وسوم HTML. منسق JSON — تنسيق JSON والتحقق منه وضغطه. مضغوط HTML — ضغط وسوم HTML. منسق XML — تنسيق مستندات XML والتحقق منها. الأسئلة الشائعة ما الفرق بين rem و em؟ تشير rem دائمًا إلى حجم خط جذر المستند، بينما تشير em إلى حجم خط العنصر الأب وتتضاعف مع التداخل. لماذا أستخدم rem بدل px؟ القياسات بـ rem تتدرج مع حجم خط جذر المستخدم، ما يحسّن إمكانية الوصول والسلوك المتجاوب. ما حجم الأساس المناسب؟ 16px هو الافتراضي في المتصفح والحد الأدنى الشائع. استخدم 62.5% (أي 10px) كأساس تريد فيه 1