如何根据视口大小调整元素的大小，并同时“限制”最大和最小大小？

Question

我有一些文字在p标签，并在我的css我有： p { min-width：100px; max-width：400px font-size：24vw; }

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

编辑： Here is a working example

Answer 1

要设置动态基于字体大小视口宽度，并且对最大和最小元素宽度具有约束，使用最大/最小宽度属性设置宽度限制，并使用'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 ...