حاسبة clamp() CSS
احسب قيمة clamp() CSS لحجم نص أو تباعد سلس، تتباين نسبيًا بين عرضي نافذة أدنى وأقصى.
كيف يعمل؟
تتيح دالة CSS clamp(min, préféré, max) تعريف حجم سلس يتغير خطيًا حسب عرض النافذة، مع بقائه محصورًا بين حد أدنى وحد أقصى — مثالي لنص متجاوب دون استعلامات وسائط (media queries). تحسب الأداة تلقائيًا الميل ونقطة التقاطع بوحدات vw وrem.
لماذا استخدام clamp() بدلاً من استعلامات الوسائط؟
توفر clamp() انتقالًا مستمرًا وسلسًا بين الأحجام، بدلاً من قفزات مفاجئة عند نقاط قطع ثابتة، مما يعطي مظهرًا أكثر طبيعية على جميع عروض الشاشات المتوسطة.
لماذا تُعبَّر القيم بوحدة rem بدلاً من px؟
استخدام rem يسمح للحجم بأن يظل متناسبًا إذا غيّر المستخدم حجم الخط الافتراضي في متصفحه، مما يحسّن إمكانية الوصول مقارنة بقيم ثابتة بالبكسل.
معالجة محلية 100%: يتم الحساب بالكامل في متصفحك عبر WebAssembly، دون إرسال أي بيانات إلى خادم.