محول PX إلى REM بقاعدة 10 بكسل
قم بتحويل px إلى rem، وrem إلى px، وpx إلى em بأي حجم خط أساسي، باستخدام خط CSS جاهز للنسخ وجدول مرجعي مباشر.
النتيجة
تفتح هذه الصفحة المحول مع حجم الخط الأساسي المعين مسبقًا على 10 بكسل. هذا هو الإعداد الكلاسيكي html {font-size: 62.5% }: 62.5% من الإعداد الافتراضي للمتصفح 16 بكسل هو 10 بكسل بالضبط، لذلك تصبح قيم rem قابلة للقراءة بشكل تافه - 14 بكسل هي 1.4rem، و18px هي 1.8rem، و24px هي 2.4rem.
تعتمد الفرق قاعدة 10 بكسل على وجه التحديد لتجنب الأجزاء السادسة عشرة غير الملائمة: فبدلاً من تذكر أن 14 بكسل هي 0.875 ريم، ما عليك سوى تحريك العلامة العشرية. نظرًا لأن الخدعة تستخدم نسبة مئوية بدلاً من قيمة بكسل ثابتة، فإنها لا تزال تحترم حجم الخط الذي يحدده المستخدم في تفضيلات المتصفح، وهو وسيطة إمكانية الوصول الكاملة لوحدات العينة في المقام الأول.
اكتب أي قيمة بكسل للحصول على قيمة العينية المكافئة لها عند القاعدة 10 بكسل مع خط CSS جاهز للنسخ، وتحقق من الجدول المرجعي أدناه لمعرفة المقياس الكامل الذي يتراوح من 1 إلى 64 بكسل الذي تم تحويله بالفعل. إذا كان مشروعك يستخدم حجمًا جذريًا مختلفًا، فقم بتغيير الحقل الأساسي وسيتبع كل شيء مباشرة.