تحويل PX إلى REM

تحافظ وحدات Rem على إمكانية الوصول إلى التخطيطات - فهي تتغير حسب تفضيل حجم الخط الخاص بالمستخدم - ولكن لا أحد يريد القسمة على 16 في رأسه طوال اليوم. يقوم هذا المحول بإجراء العمليات الحسابية مباشرة: اختر الاتجاه (px → rem أو rem → px أو px → em)، واكتب القيمة، وستظهر النتيجة على الفور مع سطر CSS جاهز للنسخ مثل حجم الخط: 0.875rem.

حقل حجم الخط الأساسي يجعل الأداة مناسبة لأي مشروع. الإعداد الافتراضي للمتصفح هو 16 بكسل، لذا فإن 1rem يساوي 16 بكسل خارج الصندوق، لكن العديد من قواعد التعليمات البرمجية تقوم بتعيين html {font-size: 62.5% } لجعل 1rem يساوي 10 بكسل — أدخل 10 كأساس ويتبعه كل صف تحويل وجدول. يستخدم اتجاه px → em نفس الرياضيات مقابل حجم خط العنصر الأصلي بدلاً من الجذر، وهو بالضبط الفرق بين em و rem في CSS.

أسفل النتيجة، يعرض جدول مرجعي أحجام التصميم الأكثر شيوعًا — 1، 2، 4، 8، 10، 12، 14، 16، 18، 20، 24، 32، 48 و64 بكسل — التي تم تحويلها بالفعل بقاعدتك الحالية، مع تمييز الصف المطابق للقاعدة. إنها ورقة الغش التي يمكنك الاحتفاظ بها على شاشتك، وتكون متزامنة دائمًا مع القاعدة التي تستخدمها بالفعل.

كل شيء يحدث محليًا في متصفحك أثناء الكتابة: لا يوجد تحميل، ولا اشتراك، ولا يوجد خادم ذهابًا وإيابًا. الصفحات المعدة مسبقًا لـ rem → px وpx → em وقاعدة 10px والقيم الشائعة مثل 14 و24 و32 بكسل تفتح المحول الجاهز لتلك الأسئلة المحددة.