Выполнить »
×
Изменить ориентацию
Открыть на Codepen
Изменить тему, Темная/Светлая
<!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <body> <h1 style="font-size:10vw;">Адаптивный текст</h1> <p style="font-size:5vw;">Измените размер окна браузера, чтобы увидеть, как масштабируется размер текста.</p> <p style="font-size:5vw;">Используйте единицу "vw" при определении размера текста. 10vw установит размер до 10% ширины области просмотра.</p> <p>Окно просмотра - это размер окна браузера. 1vw = 1% ширины области просмотра. Если ширина окна составляет 50 см, 1vw - 0.5 см.</p> </body> </html>
