نوبیت وب

تولید مقدار clamp() در CSS

اندازه حداقل و حداکثر و عرض بازه صفحه را وارد کنید تا مقدار ریسپانسیو clamp ساخته شود.

کد CSS

پیش‌نمایش زنده در عرض فعلی مرورگر شما

نوبیت وب

درباره مولد clamp

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

کد تولیدشده را مستقیم در فایل CSS خود قرار دهید؛ پیش‌نمایش زنده پایین صفحه هم اندازه را در عرض فعلی مرورگر شما نشان می‌دهد.

ابزارهای مرتبط