Jquery - 调整字体大小

Question

我想制作一个这样的菜单：http://www.citrus7.com.br/ 当我调整窗口大小时，我尝试使用textfit插件来调整字体大小，但是我无法单独调整菜单的每一行。 任何人都可以帮助我，或指出我正确的方向。谢谢

Answer 1

你的每一行都是一个单独的元素吗？您必须在每个元素中设置每一行，以便单独设置它们的大小。

<h1 class="headerLine">LEMONS</h1>
<h1 class="headerLine">LEMONADE</h1>
<h1 class="headerLine">SOMETHING ABOUT CITRUS</h1>

假设您正在使用jQuery.fittext，您应该可以使用一个选择器针对所有这些选项运行它。

$(".headerLine").fittext();