Softonic

محول البكسل إلى EM

خطوة 1 / 2
النتائج

حوّل قيمة بكسل نسبةً إلى حجم خط أساسي. يجب أن تمثل القاعدة في em حجم الخط المحلي المناسب، وفي rem حجم خط العنصر الجذر (<html>). أما 16 px الابتدائية فهي قيمة شائعة فحسب.

كيفية إجراء التحويل

  1. 1

    أدخل قيمة البكسل

    اكتب أي قيمة CSS رقمية بالبكسل.

  2. 2

    اختر القاعدة الصحيحة

    استخدم الحجم المحلي لـ`em` وحجم الجذر لـ`rem`. لا يمكن أن تكون القاعدة صفرًا.

  3. 3

    اقرأ النتائج الأربع

    تعرض الأداة النسبة بوحدتي em/rem والنسبة المئوية وقيمة نقاط CSS.

الصيغ ومثال

em أو rem = px / القاعدة · النسبة = px / القاعدة × 100 · pt = px × 0.75

عند 24px وقاعدة 16px تكون النتائج 1.5em و1.5rem و150% و18pt. في CSS، تساوي 96px = 72pt، ولا يعني ذلك بكسلات الشاشة الفعلية.

الوحدة المرجع الصحيح
em حجم خط العنصر المحسوب؛ وعند font-size الحجم الموروث
rem حجم خط العنصر الجذر
% القاعدة المختارة معبرًا عنها بـ100%
pt نسبة CSS ثابتة؛ لا تستخدم حقل القاعدة
  • تتضاعف أحجام em المتداخلة.
  • تعرض em وrem الرقم نفسه هنا لوجود حقل قاعدة واحد، لكن معناهما في CSS مختلف.
  • تعرض em/rem حتى ست منازل عشرية، والنسبة/pt حتى أربع، مع حذف الأصفار الأخيرة.

الأسئلة الشائعة

استخدم rem للمقاسات المرتبطة بالجذر وem عندما يتدرج المكوّن مع نصه المحلي.

لا. قد تغيرها تفضيلات المتصفح وCSS الموقع. افحص حجم الخط المحسوب عند الحاجة.

يعالجها الموقع على الخادم. وفي وضع الخطوات تظهر أيضًا في رابط الصفحة؛ لا تدخل بيانات حساسة.

أدوات ذات صلة

مرجع جدول ASCII

جدول ASCII كامل من 0 إلى 127 مع التمثيل العشري والست عشري والثماني والثنائي والمرجع الرقمي في HTML لكل محرف، بما في ذلك أكواد التحكم مثل NUL وLF وDEL.

مرجع أحرف HTML

قائمة قابلة للبحث بكيانات HTML، مع رموزها المسمّاة والرقمية، بالإضافة إلى خيار النسخ بنقرة واحدة للأحرف والرموز الخاصة.

مرجع اختصارات لوحة المفاتيح

ابحث في الاختصارات الافتراضية الموثقة لـ VS Code وChrome وBash مع GNU Readline على macOS وWindows وLinux.

مدقق البريد الإلكتروني

تحقق من عنوان بريد إلكتروني: فحص صياغة RFC 5322، واستعلام حي عن سجل MX، بالإضافة إلى تفاصيل الجزء المحلي والنطاق والطول. لا يتم إرسال أي بريد.

عدّاد FPS

قِس معدل الإطارات FPS في المتصفح عبر requestAnimationFrame: تنعيم، وأدنى وأقصى معدل إطارات، وحد تنبيه، ورسم بياني اختياري. يعمل محليًا بلا رفع ملفات وبلا API.

مولد EditorConfig

أنشئ ملف .editorconfig بقواعد نمط المسافة البادئة وحجمها ونهاية السطر ومجموعة الأحرف والمسافات البيضاء، لتنسيق موحّد عبر بيئات التطوير المتكاملة (IDEs) والمحررات.

الأداة متاحة بلغات أخرى