مولد CSS clamp

كيفية استخدام مولد CSS clamp

مولد CSS clamp. التصدير بوحدتي rem وvw. حدد خط جذر صفحتك. تحاكي المعاينة العرض المحدد.

1. غيّر الألوان أو النص أو الأرقام أعلاه.
2. قارن المعاينة أثناء ضبط الإعدادات.
3. انسخ النتيجة أو نزّلها على جهازك.

مولد CSS clamp · مثال

{
  "min": 16,
  "max": 32,
  "start": 320,
  "end": 1280,
  "root": 16,
  "viewport": 800,
  "text": "LocalKit"
}

font-size: clamp(1rem, 0.66667rem + 1.66667vw, 2rem);

ملاحظات الاستخدام

تُعالج الملفات والمدخلات داخل هذا المتصفح، دون رفعها أو إنشاء حساب.

التصدير بوحدتي rem وvw. حدد خط جذر صفحتك. تحاكي المعاينة العرض المحدد.