Как поместить элемент относительно окна просмотра, а также «укупорить» его максимальный и минимальный размер?

Question

У меня есть текст в тегах p, а в моем css у меня есть: p { min-width: 100px; max-width: 400px Размер шрифта: 24vw; }

Я бы хотел, чтобы текст изменялся по размеру в зависимости от ширины видового экрана, но должен был быть ограничен минимальной и максимальной шириной.

EDIT: Here is a working example

Answer 1

Чтобы установить динамический размер шрифта на основе ширину окна просмотра и ограничения на максимальную и минимальную ширину элементов, используйте свойства max/min-width для установки пределов ширины и атрибута «vw» (ширина видового экрана), чтобы получить блок размера шрифта относительно окна просмотра ширина.

Используйте код, как указано в оригинале вопрос:

p { 
min-width: 100px; 
max-width: 400px 
font-size: 24vw; 
} 

Оригинальный код, который я работал нормально, я просто имел небольшой опыт работы с кодом в то время.

Here is a working example

Answer 2

Используется для этого CSS

Demo

p { min-width: 100px; 
max-width: 400px; 
font-size: 24px; } 

Вы некоторые отсутствующие в вашем CSS ...