自动增大或减小div框中的文本字体大小

我很难理解字体缩放。

我目前有一个网站有一个机构 font-size 百分之百。但是100%是什么?这似乎是16像素的计算结果。

我当时的印象是,100%会以某种方式指代浏览器窗口的大小,但显然不是因为无论窗口大小调整到移动宽度还是全屏幕桌面,都是16像素。

我如何使网站上的文本相对于其容器进行缩放?我试着用 em ,但这也不能扩展。

我的理由是,当你调整尺寸时,我的菜单之类的东西会被压扁,所以我需要减少 px 字体大小 属于 .menuItem 与容器宽度有关的其他因素。(例如,在大型桌面上的菜单中, 22px 效果很好。向下移动到平板电脑宽度和 16px 更合适。)

我知道我可以添加断点,但我真的希望文本按比例缩放 好 如果有额外的断点,否则,为了控制文本,每减少100像素的宽度,我就会有数百个断点。