تولیدکننده CSS clamp

یک مقدار سیال clamp() بسازید که اندازه فونت شما را به‌نرمی میان دو عرض viewport مقیاس کند.

نحوه استفاده

  1. مقادیر خود را در فیلدهای بالا وارد کنید.
  2. برای دیدن نتیجه روی «محاسبه» بزنید.
  3. برای ارسال نتیجه از «اشتراک‌گذاری» استفاده کنید.

درباره این ابزار

این ابزار یک تابع واکنش‌گرای CSS به‌نام clamp() برای تایپوگرافی سیال می‌سازد — clamp(کمینه, مقدار ترجیحی, بیشینه) — که در آن مقدار ترجیحی عبارتی محاسبه‌شده بر پایهٔ واحد vw است و اندازهٔ فونت شما را به‌صورت نرم میان کمینه و بیشینهٔ عرض دیدگاه (ویوپورت) مقیاس‌بندی می‌کند، به‌طوری که فراتر از محدودیت‌های انتخابی شما بزرگ‌تر یا کوچک‌تر نمی‌شود.

توسعه‌دهندگان فرانت‌اند از آن استفاده می‌کنند تا از نوشتن چندین نقطهٔ شکست media-query فقط برای تغییر اندازهٔ تیترها و متن اصلی خودداری کنند و در عوض یک قاعدهٔ CSS داشته باشند که به‌صورت سیال مقیاس می‌یابد. کمینه و بیشینهٔ اندازهٔ فونت و بازهٔ دیدگاه خود را وارد کنید تا یک قاعدهٔ آمادهٔ چسباندن از clamp() به دست آورید.

آیا این مطلب مفید بود؟

می‌توانید حداکثر ۳ واکنش انتخاب کنید.

نظرات

  • اولین نظر را شما بنویسید.

ماشین‌حساب‌های پرطرفدار

همه ماشین‌حساب‌ها