Генератор CSS clamp для адаптивного розміру шрифту
Укажіть розмір для малого вікна перегляду та розмір для великого. Отримайте clamp(), який плавно переміщується між ними, у об’ємній частині, тож він усе ще відповідає розміру шрифту браузера читача.
Швидка бура лисиця
Шкала типу
Чому rem, а не px
Розмір у px ігнорує розмір шрифту, який читач вибрав у своєму браузері. Те ж саме оголошення в rem масштабується з ним, тому той, хто встановив за замовчуванням 20 пікселів, отримає більший текст замість ваших фіксованих 16. Термін вікна перегляду залишається у vw у будь-якому випадку — ця частина стосується ширини екрана, а не переваг читача.
Поширені запитання
Що робить середній термін?
Це пряма лінія, що проходить через дві ваші точки: перетин плюс нахил у vw. Нижче малого вікна перегляду затискає до мінімуму, над великим – до максимуму.
Чи може максимум бути меншим за min?
Так, і clamp() все ще поводиться, але результат зменшується, коли екран росте, що майже ніколи не відповідає вашим бажанням. На сторінці так зазначено, коли це відбувається.
Чи надсилається щось на ваші сервери?
Ні. Це арифметика у вашому браузері; нічого, що ви вводите, не залишає сторінки.
Створено командою GO AI. Усі безкоштовні інструменти