根据div宽度调整文本大小

时间:2013-04-17 10:36:46

标签: javascript fonts image-resizing font-size

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

我网站上的大多数文字都会保持不变,或者我只是通过媒体查询进行调整(例如平板电脑和手机的90%)。这很好,但我正在寻找一个“实时”解决方案“用于我的导航菜单和我的横幅等区域。

See the site here

您可以使用基本字体大小为100%的ems查看我的所有文字是相对的和大小

如果您调整网站大小,您会发现菜单“崩溃”,因为字体大小太大。我很想找到一个JS解决方案,它会相对于导航栏的宽度向下调整文本大小,这样我就可以将它全部保存在一行上(在移动宽度上,它将进入折叠菜单)< / p>

1 个答案:

答案 0 :(得分:-1)

查看此jquery插件

http://simplefocus.com/flowtype/

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