حاسبة CSS clamp()
حدّد حجمًا عند إطار عرض صغير وآخر عند إطار عرض كبير. تحصل على clamp() تنتقل بينهما بسلاسة، بوحدة rem، فتراعي حجم الخط في متصفح القارئ.
الثعلب البني السريع
سلّم الأحجام
لماذا rem وليس px
الحجم بالبكسل يتجاهل حجم الخط الذي اختاره القارئ في متصفحه. أما التصريح نفسه بوحدة rem فيتغيّر تبعًا له، فمن ضبط الحجم الافتراضي على 20px يحصل على نص أكبر بدل الـ16 الثابتة التي حدّدتها. ويبقى حدّ إطار العرض بوحدة vw في الحالتين — فهذا الجزء يتعلق بعرض الشاشة لا بتفضيل القارئ.
الأسئلة الشائعة
ماذا يفعل الحد الأوسط؟
إنه خط مستقيم يمر بنقطتيك: حدّ ثابت زائد ميل بوحدة vw. وما دون إطار العرض الصغير تثبت القيمة عند الحد الأدنى، وما فوق الكبير عند الحد الأقصى.
هل يمكن أن يكون الحد الأقصى أصغر من الأدنى؟
نعم، وتظل clamp() تعمل — لكن الحجم يصغر كلما كبرت الشاشة، وهو أمر نادرًا ما تريده. والصفحة تنبّهك حين يحدث ذلك.
هل يُرسَل أي شيء إلى خوادمكم؟
لا. إنها عمليات حسابية في متصفحك؛ ولا يغادر ما تكتبه هذه الصفحة.
من صنع فريق GO AI. كل الأدوات المجانية