使文字高度为div的100％？

Question

我正在尝试使文本的高度为100％，div但它不起作用。
它只是成为的100％body { font-size:?; }。

有什么办法让它跟随div的高度吗？
该div高度是整个页面的4％，我wan’t文本跟随它，当你调整大小/分辨率的变化。

Answer 1

为了获得想要的结果，我必须使用以下代码：

// Cache the div so that the browser doesn't have to find it every time the window is resized.
var $div = $('li.leaf.item');

// Run the following when the window is resized, and also trigger it once to begin with.
$(window).resize(function () {
   // Get the current height of the div and save it as a variable.
   var height = $div.height();
   // Set the font-size and line-height of the text within the div according to the current height.
   $div.css({
      'font-size': (height/2) + 'px',
      'line-height': height + 'px'
   })
}).trigger('resize');​

谢谢joshuanhibbert @ css-tricks的帮助！