حجم الخط السائل المشبك () مولد
قم بحساب قيمة CSS المشبك () للسوائل الحقيقية من الحد الأدنى والحد الأقصى للحجم عبر عرضين لإطار العرض، مع عرض الميل والتقاطع خطوة بخطوة ومعاينة تغيير الحجم المباشر.
النتيجة
تفتح هذه الصفحة الآلة الحاسبة بإعداد حجم خط سائل للأغراض العامة تم ملؤه بالفعل: 16 بكسل في إطار عرض 320 بكسل حتى 24 بكسل في إطار عرض 1280 بكسل. يعد هذا نطاقًا مريحًا من الجسم إلى أكبر قليلاً والذي يتدرج بسلاسة من شاشة الهاتف النموذجية إلى نافذة سطح المكتب النموذجية، وهو الإعداد الذي يعنيه معظم الأشخاص عندما يبحثون عن مشبك بحجم خط سائل () في المقام الأول.
الأرقام الأربعة مفتوحة للتغيير: رفع الحد الأقصى لحجم العنوان بدلاً من النص الأساسي، أو تضييق نطاق إطار العرض إذا كان التصميم يحتاج فقط إلى الثني بين الكمبيوتر اللوحي ونقطة توقف سطح المكتب. مهما كان ما تدخله، تتم إعادة حساب تقاطع الميل والمحور y بنفس الطريقة ويظهر كعملية حسابية صريحة، وليست مخفية داخل السطر النهائي.
أسفل المدخلات الأربعة، يقوم شريط تمرير بعرض إطار العرض بتشغيل معاينة مباشرة بحيث يكون القياس مرئيًا على الفور، ويكون خطlamp() الجاهز للنسخ على بعد نقرة واحدة. يؤدي تبديل وحدة الإخراج بين rem وpx إلى إعادة حساب كل رقم دون لمس قيم الحجم الأدنى والحد الأقصى نفسها.