Jquery字體大小調整爲div高度？

Question

有什麼方法可以將字體大小調整爲div框或？的高度。我知道有很多方法可以將字體大小調整爲父元素的寬度，但我無法找到將字體大小調整爲高度的內容。

我有幾行中的表：

<table> 
<tr> 
<td> Line 1 </td> 
</tr> 
<tr> 
<td> Line 2 </td> 
</tr> 
<tr> 
<td> Line 3 </td> 
</tr> 
</table> 

該表具有的視口的100％的高度。所以每個td都有33.33個百分點的高度。這意味着每行的字體高度應該有33.3％的視口！沒有idee如何實現這一點！我很高興每一個有用的鏈接或答案！謝謝！

Answer 1

如果您不需要support older browsers，您可以使用new viewport-unit in CSS3：

html, body { 
    height: 100%; 
    font-size: 100vh; 
} 
table { 
    height: 100%; 
} 
td { 
    font-size: 33.3%; 
} 

http://jsfiddle.net/ZaJ8w/

Answer 2

jQuery的height()會爲你工作嗎？

var height = $('td').height(); 
$('td').each(function() { 
    $(this).css({'font-size': height + 'px', 'line-height': height + 'px'}); 
});