如何调整元素相对于视口的大小，同时'capping'它的最大和最小尺寸？

提问于 2024-05-17T00:13:47+08:00

浏览次

0

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

我希望文本的大小取决于视口宽度，但要限制为最小和最大宽度 .

编辑：Here is a working example

2 回答

1
Used to this css

Demo
```
p { min-width: 100px; 
max-width: 400px;
 font-size: 24px; }
```
你的css中有一些缺失......
回复于 2024-05-17T00:13:47+08:00
0
要根据视口宽度设置动态字体大小，并对最大和最小元素宽度有约束，请使用max / min-width属性设置宽度限制，并使用'vw'（视口宽度）属性获取相对于视口宽度的字体大小单位 .

使用原始问题中所述的代码：
```
p { 
 min-width: 100px; 
 max-width: 400px 
 font-size: 24vw; 
}
```
我发布的原始代码工作正常，我当时对代码的经验很少 .

Here is a working example
回复于 2024-05-17T00:13:47+08:00

相关问题