محاسبهگر CSS Clamp()
مقدار سیال CSS clamp() را با پیشنمایش و نمودار زنده تولید کنید — برای تایپوگرافی و فاصلهگذاری واکنشگرا، بدون نیاز به media query.
پیشرفته: اندازه فونت ریشه
مقدار سیال شما
روباه قهوهای سریع از روی سگ تنبل میپرد
دربارهٔ این ابزار
محاسبهگر CSS Clamp() مقداری سیال برای clamp() تولید میکند که اندازه فونت، فاصلهگذاری یا هر ویژگی طولی را بهصورت روان بین حداقل و حداکثر عرض viewport تغییر میدهد — بدون نیاز به media query.
نحوهٔ کار
- حداقل و حداکثر اندازه را (برحسب px) وارد کنید.
- حداقل و حداکثر عرض نمایشی را که میخواهید مقیاسبندی در آن انجام شود وارد کنید.
- نام ویژگی CSS را تعیین کنید و واحد خروجی را انتخاب کنید (استفاده از rem برای دسترسپذیری توصیه میشود).
- روی Generate کلیک کنید — نوار لغزنده پیشنمایش زنده را بکشید تا تغییر اندازه را بهصورت لحظهای ببینید و قالب موردنیاز خود را کپی کنید (مقدار ساده، اعلان کامل، custom property یا مقدار دلخواه Tailwind).