Html 使用引导更改相对于父分区的字体大小

我有一个类似这样的html页面

<div id="parentDiv">
 <p>A</p>
 <p>B</p>
</div>

A

B

我想随着父div（id=parentDiv）宽度的变化更改这两个元素的字体大小

我用大众汽车来设置字体大小，但它没有达到我想要的

---

我是CSS的绝对初学者。

比方说

div.parentDiv

的宽度是

1000px

，所以你需要

p

和

字体大小都是
1000px
。为什么需要这个？如果说div的初始宽度是1000px，而p的字体大小是20px。如果div更改为500px，则将p字体大小更改为4px。为什么div.parentDiv的大小不同？如果是响应不同的显示大小，则视口宽度单位（vw）应满足您的需要，但如果其他内容正在更改div.parentDiv的大小，而与屏幕大小无关，则可能需要使用JavaScript来调整字体大小。请参阅这些链接：或或Bootstrap 5具有响应RFS的字体大小。“Bootstrap的side项目RFS是一个单元大小调整引擎，最初是为了调整字体大小而开发的”，不确定这是否有帮助-