Jquery 字体大小调整为 div 高度？

Question

有什么方法可以将字体大小调整为 div 框或 ? 的高度。我知道有很多方法可以将字体大小调整为父元素的宽度，但我找不到将字体大小调整为高度的方法。

表格中有几行:

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

表格的高度为视口(viewport)的 100%。所以每个 td 的高度都是 33.33%。这意味着每行的字体高度应该占视口(viewport)的 33.3%!不知道如何实现这一目标!我对每一个有用的链接或答案都很满意!谢谢!

Answer 1

将 jQuery 的 height()为你工作？

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