Генератор на котлен камък тип течност
Изчислете реална плавна стойност на CSS clamp() от минимален и максимален размер в две ширини на прозореца за изглед, като наклонът и пресечната точка се показват стъпка по стъпка и визуализация на преоразмеряване на живо.
Резултат
Тази страница отваря калкулатора директно в режим на мащаб с 16px основа и вече избрано съотношение 1,25 (голяма трета) — солидна, широко използвана начална точка за типографска скала. From those two numbers alone, six sizes are generated: small, base, h4, h3, h2 and h1, each one its own fluid clamp() value rather than a single fixed size.
Всяка стъпка поддържа основния размер закотвен на една и съща стойност както в мобилната, така и в настолната страна, докато заглавията се увеличават по-агресивно в по-широкия изгледен прозорец на работния плот, отколкото в тесния мобилен екран – същата идея като избора на по-нежно съотношение за малки екрани и по-смело за големи екрани, получено автоматично от избраното от вас единично съотношение.
Промяната на съотношението на 1,125, 1,2, 1,333 или 1,5 регенерира незабавно цялата таблица, а бутонът отдолу копира всичките шест стойности на clamp() като готов за поставяне блок от потребителски CSS свойства за останалата част от таблицата със стилове за справка.