توسعه فرانت‌اند

CSS clamp() و Fluid Typography

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

1404/12/29 1 دقیقه مطالعه 479 بازدید

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 است.

واکنش به این مقاله

اشتراک‌گذاری این مقاله:
دیدگاه‌ها 0
۰ / ۲۰۰۰

هنوز دیدگاهی ثبت نشده

اولین نفری باشید که نظر می‌دهد!