CSS Clamp

حول هذه الآلة الحاسبة

تولّد حاسبة CSS Clamp تعبير clamp(min, preferred, max) سلسًا يحجّم قيمة خطيًا بين عرضي إطار عرض. أعطها القيمة الدنيا والقصوى (rem أو px) ومدى إطار العرض، فتشتق ميل vw وثابت المستقيم المار بالنقطتين، إضافة إلى القيم المحسوبة عند كل نقطة فاصلة كفحص سلامة. يُفترض حجم خط جذر 16px لوحدة rem. وتُرجع المديات المعكوسة أخطاء تحقق. مثالية للطباعة والتباعد السلسين.

كيفية استخدام أداة CSS Clamp

1. أدخل مدخلك أو الصقه في الحقل.
2. اقرأ الخرج — يتحدّث فور كتابتك.
3. عدّل الخيارات، إن وُجدت، بما يناسب حالة استخدامك.
4. انسخ عنوان الصفحة لمشاركة هذه النتيجة بالضبط.

أمثلة شائعة

• 1rem عند 320px → 2rem عند 1280px → clamp(1rem, 1.6667vw + 0.6667rem, 2rem)
• 1.25rem عند 375px → 3rem عند 1440px → clamp(1.25rem, 2.6291vw + 0.6338rem, 3rem)
• 16px عند 320px → 32px عند 1200px → clamp(16px, 1.8182vw + 10.1818px, 32px)