如何调整元素相对于视口的大小，同时“加盖”它的最大和最小尺寸？

Question

我在p标签中有一些文字，在我的CSS中我有：     p {       最小宽度：100px;       最大宽度：400px       font-size：24vw;     }

我希望文本的大小会根据视口宽度而改变，但要限制为最小和最大宽度。

编辑： Here is a working example

Answer 1

用于此css

<强> Demo

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

你的css中有一些缺失...

Answer 2

要根据视口宽度设置动态字体大小，并对最大和最小元素宽度有约束，请使用max / min-width属性设置宽度限制，并使用'vw'（视口宽度）属性获取相对于视口宽度的字体大小单位。

使用原始问题中所述的代码：

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

我发布的原始代码工作正常，我当时对代码的经验很少。

Here is a working example