【发布时间】：2013-04-10 02:01:09
【问题描述】：
我正在寻找一种比断点更精确的解决方案。我知道这需要 JavaScript，但我找不到合适的插件。
我网站上的大部分文字将保持不变，或者我将简单地通过媒体查询对其进行调整（例如平板电脑和移动设备的 90%）。这很好，但我正在为导航菜单和横幅等区域寻找“实时”解决方案。
您可以看到我的所有文本都是相对的，并且使用 ems 设置大小，基本字体大小为 100%
如果您调整网站大小，您会注意到菜单“崩溃”，因为字体太大。我很想找到一个 JS 解决方案，该解决方案将相对于导航栏的宽度调整该文本的大小，以便我始终可以将其全部保留在一行上（在移动宽度下，它将进入折叠菜单）
【问题讨论】：
-
如果您已经在使用媒体查询，为什么不添加一些将字体大小缩小到某个屏幕宽度以下的规则呢？那是干净的解决方案，而不是添加一些JS。鉴于无论如何字体大小并不是真正的粒度（总有一个从 11 到 10 pt、从 10 到 9 等的切换点），无论如何实施“滑动比例”解决方案是没有意义的。
-
我看到你有 jquery，所以这应该很容易。在 onresize 事件中添加类似 $('someSelector').css('font-size',
+ 'px').
标签： javascript fonts image-resizing font-size