body { font-size: 14px; } h1 { font-size: clamp(1rem, 3vw, 2rem); } p { font-size: clamp(1rem, 2.5vw, 1.5rem); }
Задайте базовый размер шрифта и для заголовков например как в примере, также для других элементов и ненужно писать дополнительные медиа запросы, текст сам будет масштабироваться от минимума до максимума при изменении экрана устройства.