Jquery 可缩放div中的100%行高文本

我需要在一个div中创建一个菜单，该菜单可以随浏览器窗口进行缩放。文本大小根据窗口大小进行调整（使用fittext.js），外部DIV始终为窗口高度的15%。既然100%的线高不起作用，还有什么其他选择呢

还有，当我在这里的时候，可以做些什么使文本链接跨越包含DIV的100%宽度？（连杆之间的间距相等，以便连杆覆盖整个div）

如果需要，jQuery选项也可以

HTML源

<nav id="navigation">
<a href="#welcome" class="nav_button"><span>Welcome</span></a>
<a href="#about" class="nav_button"><span>About</span></a>
<a href="#work" class="nav_button"><span>Work</span></a>
<a href="#contact" class="nav_button"><span>Contact</span></a>    
</nav>​

​

---

在您的示例中效果很好：）

感谢您为我的站点编辑了一些技巧。我可能会放弃我编写的脚本，但它似乎可以工作

函数lineheight（）{var nav=$（'#navigation'）.height（）；$（'.nav_按钮'）.css（{'lineheight'：nav+'px'}）}lineheight（）$（窗口）。调整大小（线宽）恐怕您对调整大小事件的定义不起作用。。。尝试以下操作：$（窗口）.resize（函数（）{lineheight（）；}）；​
#navigation {
width: 80%;
height: 15%;
position: fixed;
top: 5%;
left: 10%;
background: #ccc;
}
.nav_button {
height: 100%;
width: 20%;
position: relative;
display: inline-block;
text-align: center;
line-height: 100%;
}

$btn = $('.nav_button');
$btn.css('line-height', $btn.height() + 'px');