CSS clamp() و Fluid Typography

clamp() فونت و فاصله‌ها را بین حداقل و حداکثر نگه می‌دارد. بدون Media Query.

clamp() چیست؟

font-size: clamp(1rem, 2vw + 0.5rem, 2rem) فونت را بین 1rem و 2rem نگه می‌دارد.

• clamp(min, preferred, max)
• fluid font-size
• fluid padding/margin

کاربردها

تایپوگرافی سیال، فاصله‌های واکنش‌گرا و کانتینرهای انعطاف‌پذیر.

جمع‌بندی

clamp() ساده‌ترین راه ساخت طراحی سیال بدون Media Query است.