Генератор на Fluid Font Size Clamp().
Изчислете реална плавна стойност на CSS clamp() от минимален и максимален размер в две ширини на прозореца за изглед, като наклонът и пресечната точка се показват стъпка по стъпка и визуализация на преоразмеряване на живо.
Резултат
Тази страница отваря калкулатора с вече попълнена гъвкава настройка за размер на шрифта с общо предназначение: 16px при прозорец за изглед от 320px до 24px при прозорец за изглед от 1280px. Това е удобен диапазон от тяло до малко по-голям, който се променя плавно от типичен екран на телефон до типичен прозорец на работния плот, и това е настройката, която повечето хора имат предвид, когато търсят плавна скоба за размер на шрифта () на първо място.
Четирите числа са отворени за промяна: увеличете максималния размер за заглавие, а не за основен текст, или стеснете диапазона на прозореца за изглед, ако дизайнът трябва да се движи само между таблет и точка на прекъсване на настолен компютър. Каквото и да въведете, наклонът и пресечната точка на оста y се изчисляват отново по същия начин и се показват като изрична аритметика, а не скрити във финалната линия.
Под четирите входа плъзгач за ширина на прозореца за изглед управлява предварителен преглед на живо, така че мащабирането се вижда незабавно, а готовият за копиране ред clamp() е на едно щракване. Превключването на изходната единица между rem и px преизчислява всяко число, без да докосвате самите стойности на минималния и максималния размер.