Плавний розмір шрифту від 16px до 24px
Обчисліть справжнє плавне значення CSS clamp() за мінімальним і максимальним розмірами для двох ширин вікна перегляду з покроковим показом кутового коефіцієнта, перетину та живим попереднім переглядом зі зміною розміру.
Обробляється повністю у вашому браузері — те, що ви тут вводите, ніколи не вивантажується.
Результат
Про цей інструмент
Плавне масштабування розміру шрифту від 16px до 24px — одне з найпоширеніших питань у пошукових запитах про CSS clamp(), адже 16px — це майже універсальне значення за замовчуванням для основного тексту, а 24px — часте наступне значення для трохи більшого заголовка чи вступного абзацу. Ця сторінка відкриває калькулятор із цією парою, уже заповненою для діапазону ширини вікна від 320px до 1280px, тож рядок clamp() готовий одразу після завантаження.
Якщо вам потрібен лише статичний еквівалент 16px або 24px у rem чи em — без будь-якого масштабування на основі ширини вікна — конвертер px у rem дає відповідь за один крок; цей калькулятор призначений для випадків, коли саме значення має плавно змінюватися зі зміною розміру вікна браузера, а не залишатися фіксованим в одному значенні rem.
Нижче наведено розклад, який точно показує, як 16px і 24px перетворюються на кутовий коефіцієнт, коефіцієнт vw і перетин з віссю Y, а повзунок живого попереднього перегляду дає змогу перетягувати діапазон 320–1280px, щоб у реальному часі побачити, як текст збільшується від одного розміру до іншого, перш ніж ви скопіюєте рядок CSS у свою таблицю стилів.