كيفية الاستخدام
- قم بتأكيد حجم الخط html الخاص بمشروعك في حقل الحجم الأساسي. الافتراضي الشائع هو 16 بكسل.
- اكتب قيمة تصميم مثل
24في إدخال PX. - يتم تحديث إدخال REM على الفور إلى
1.5rem؛ يمكنك أيضًا كتابة "2rem" للحصول على "32px". - استخدم ورقة الغش أدناه لأحجام الخطوط الشائعة وقيم التباعد ومراجع تباعد Tailwind.
الميزات الأساسية
- التحويل الفوري ثنائي الاتجاه: اكتب PX أو REM واحصل على القيمة المعاكسة فورًا، بدون زر حساب.
- حجم الخط الأساسي المخصص: ابدأ بـ 16 بكسل أو قم بالتبديل إلى 10 بكسل أو 14 بكسل أو أي حجم جذر خاص بالمشروع.
- ورقة الغش المضمنة: يتم تحديث الأحجام الشائعة بالحجم الأساسي لديك، بما في ذلك ما يعادلها من 12 بكسل و16 بكسل و24 بكسل و32 بكسل.
- مرجع تباعد الرياح الخلفية: راجع الرموز المميزة لتباعد الرياح الخلفية الشائعة لمطابقة قيم البكسل.
- محلي وسريع: يتم تشغيل كافة العمليات الحسابية في ذاكرة المتصفح دون طلبات الشبكة.
الأدوات ذات الصلة
تصغير أو تجميل CSS محليًا - بدون تحميلات. قم بإزالة التعليقات/المسافات البيضاء، أو عرض إحصائيات توفير الحجم، أو قم بإلغاء تصغير التعليمات البرمجية لسهولة القراءة. انسخ النتيجة الآن.
منسق JSON الآمن: تنسيق JSON والتحقق من صحته وإصلاحه محليًا. تجميل/تصغير، وتمييز الأخطاء، وإنشاء TypeScript أو Zod، والتحويل إلى XML — خاص. حاول الآن.
اختبار JSONPath ومقيم مجاني لـ API JSON. قم باستخراج العقد المطابقة في الوقت الفعلي، وافحص المسارات، وانسخ نتائج JSON بينما يظل التحليل محليًا في متصفحك.
قم بتحويل كائنات أو صفائف JSON إلى ملف CSV محليًا في متصفحك. قم بتسوية الحقول، ومعاينة النتيجة، ثم انسخ ملف CSV أو قم بتنزيله دون تحميل البيانات.
قم بتحويل نص أو ملفات CSV إلى صفائف JSON محليًا في متصفحك. يدعم الرؤوس ومحددات الفاصلة/الفاصلة المنقوطة/علامات التبويب وملفات السحب والإفلات والنسخ والتنزيل بدون تحميلات.
قارن بين مستندين JSON محليًا في متصفحك. قم بفرز مفاتيح الكائنات للفرق الدلالي، وتجاهل ضجيج ترتيب المفاتيح، ووضع علامة على الحقول المضافة والمزالة والمعدلة دون تحميلات.
قم بتصغير JSON في سطر واحد، وإزالة المسافة البادئة وفواصل الأسطر، ومقارنة الحجم الأصلي والحجم المصغر والبايتات المحفوظة والنسبة المئوية المحفوظة.
محول JSON إلى TypeScript مجاني عبر الإنترنت. قم بإنشاء واجهات وأنواع TypeScript على الفور من حمولات JSON الخاصة بك. إنشاء أكواد برمجية خاصة بنسبة 100% من جانب العميل.
منطق الحساب
- صيغة PX إلى REM:
REM = PX / الحجم الأساسي. - صيغة REM إلى PX:
PX = REM × الحجم الأساسي. - باستخدام حجم الجذر الافتراضي للمتصفح،
16px = 1remو24px = 1.5rem.
التعليمات
كم عدد البكسلات في 1rem؟
في معظم المتصفحات، 1rem يساوي 16 بكسل افتراضيًا. إذا تغير مشروعك html{ font-size }، فاستخدم حجم الجذر هذا بدلاً من ذلك.
ما الفرق بين PX وREM؟
PX هي وحدة بكسل مطلقة. يرتبط REM بحجم الخط الجذر، مما يساعد التخطيطات على احترام تفضيلات حجم خط المستخدم.
لماذا تستخدم بعض المشاريع قاعدة بحجم 10 بكسل؟
تقوم بعض الفرق بتعيين html{ font-size: 62.5%; } بحيث يكون 1rem حوالي 10 بكسل لتسهيل العمليات الحسابية الذهنية. ضع في اعتبارك إمكانية الوصول قبل اعتمادها.
هل يؤدي هذا إلى تحويل EM أيضًا؟
لا، هذه الأداة تركز على PX وREM. يعتمد EM على حجم خط العنصر الحالي، لذلك لا ينبغي معاملته على أنه نفس التحويل.
هل تم تحميل أي بيانات CSS أو بيانات التصميم؟
لا. يحدث التحويل محليًا في متصفحك دون الحاجة إلى حساب خادم أو تحميل ملف.