Javascript 根据div宽度调整文本大小

我正在寻找一种比断点更精确的解决方案。我知道这需要JavaScript，但我很难找到合适的插件

我的网站上的大部分文字将保持不变，或者我将通过媒体查询对其进行调整（比如平板电脑和手机的90%）。这很好，但我正在为我的导航菜单和横幅等领域寻找“实时”解决方案

您可以看到我的所有文本都是相对的，使用基本字体大小为100%的

ems

---

如果你调整网站的大小，你会注意到菜单“崩溃”，因为字体太大了。我很想找到一个JS解决方案，它可以根据导航栏的宽度来调整文本的大小，这样我就可以始终将所有内容放在一行上（在移动宽度下，它将进入一个折叠的菜单）

查看这个jquery插件

---

它根据元素宽度调整了字体大小和行高。

如果您已经在使用媒体查询，为什么不添加一些规则，将字体大小缩小到某个屏幕宽度以下？这是一个干净的解决方案，不添加一些JS。鉴于字体大小实际上并不精确（总是有一个从11点到10点、从10点到9点等的切换点）无论如何，实现“滑动缩放”解决方案都没有意义。我发现您有jquery，所以这应该很容易。在onresize事件中添加类似$（'someSelector'）.css（'font-size'，+'px'）的内容。这可能会有帮助：