مولّد CSS Clamp
أنشئ قيمة clamp() مرنة في CSS من الأحجام الدنيا/القصوى وعروض إطار العرض.
إخراج
أدخل حجمًا أدنى وأقصى مع نطاق إطار العرض الذي ينطبقان عليه، واحصل على تعبير clamp() جاهز للاستخدام في CSS للطباعة أو التباعد المرن والمتجاوب.
طريقة الاستخدام
- أدخل الحجم الأدنى والأقصى بالبكسل.
- أدخل عرض إطار العرض الأدنى والأقصى الذي ينبغي أن تنطبق الأحجام بينهما.
- انسخ تصريح clamp() المولّد، مع إمكانية إعادة تسمية خاصية CSS.
الأسئلة الشائعة
- كيف تُحسب القيمة المرنة؟
- تحسب ميلًا خطيًا بين الحجم الأدنى والأقصى عبر نطاق إطار العرض، معبّرًا عنه بصيغة rem + vw داخل clamp().
- لماذا يستخدم الإخراج rem وvw؟
- يُبقي rem الحجم الأساسي نسبيًا مع إعدادات خط المستخدم، بينما يجعله vw يتدرّج بسلاسة مع عرض إطار العرض.
- ماذا لو كان إطار العرض الأقصى أصغر من الأدنى؟
- تعرض الأداة رسالة تحقّق تطلب منك جعل عرض إطار العرض الأقصى أكبر من الأدنى.