基于容器宽度的字体缩放

Question

基于容器宽度的字体缩放

我很难把我的头放在字体缩放上。

我现在本站带着一具尸体font-size百分之百。百分之百的什么？这似乎是以16便士计算出来的。

我的印象是，100%会以某种方式表示浏览器窗口的大小，但显然不是，因为无论窗口是调整到移动宽度还是全尺寸宽屏桌面，总是16 px。

如何使文本在我的网站规模相对于它的容器？我试着用em但这也不算规模。

我的推理是，当你调整尺寸时，像我的菜单会被压碎，所以我需要减少px。font-size的.menuItem与容器宽度有关的其他元素。(例如，在大型桌面上的菜单中，22 px工作得很好。向下移动到Tablet宽度，16 px是更合适的。)

我知道我可以添加断点，但我真的希望文本能够缩放，同时也要有额外的断点，否则，每减少100 px宽度，我就会得到数百个断点来控制文本。