حاسبة CSS clamp()

أعطِ مقاسًا عند عرض صغير وآخر عند عرض كبير. تحصل على clamp() ينتقل بينهما بسلاسة، بوحدة rem، فيظل محترمًا لحجم خط متصفح القارئ.

عرض العرض
المقاس المحسوب

الثعلب البني السريع

سلّم الأحجام

لماذا rem لا px

المقاس بالبكسل يتجاهل حجم الخط الذي اختاره القارئ في متصفحه. والتصريح نفسه بوحدة rem يتناسب معه، فمن ضبط الافتراضي على 20px يحصل على نص أكبر بدل الـ16 الثابتة عندك. أما حد العرض فيبقى بوحدة vw على أي حال — فهو عن عرض الشاشة لا عن تفضيل القارئ.

الأسئلة الشائعة

ماذا يفعل الحد الأوسط؟

إنه خط مستقيم يمر بنقطتيك: مقطع زائد ميل بوحدة vw. دون العرض الصغير يثبت عند الحد الأدنى، وفوق الكبير عند الحد الأقصى.

هل يمكن أن يكون الحد الأقصى أصغر من الأدنى؟

نعم، وتظل clamp() تعمل — لكن المقاس يصغر كلما كبرت الشاشة، وهو أمر نادرًا ما تريده. والصفحة تنبّهك حين يحدث ذلك.

هل يُرسَل أي شيء إلى خوادمكم؟

لا. إنها عمليات حسابية في متصفحك؛ ولا يغادر ما تكتبه هذه الصفحة.

من صنع فريق GO AI. كل الأدوات المجانية