Jquery字体大小调整为divs高度？答案

【问题标题】：Jquery Font size resize to divs height?Jquery字体大小调整为divs高度？
【发布时间】：2013-03-10 08:32:49
【问题描述】：

有没有办法将字体大小调整为 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%！不知道如何实现这一目标！我很高兴每个有用的链接或答案！谢谢！

【问题讨论】：

【解决方案1】：

jQuery 的height() 对你有用吗？

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

【讨论】：

【解决方案2】：

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

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

【讨论】：