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

Question

我在 p 标签中有一些文本，在我的 css 中有： p { min-width: 100px; 最大宽度：400px 字体大小：24vw；}

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

score 1 · Accepted Answer

习惯了这个css

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

你的css中缺少一些...

score 0 · Accepted Answer

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

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

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

我发布的原始代码运行良好，当时我对代码几乎没有经验。

2 回答 2