jquery - Jquery字体大小调整为divs高度？

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%！不知道如何实现这一目标！我很高兴每个有用的链接或答案！谢谢！

score 2 · Accepted Answer

jQuery 的height()对你有用吗？

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

score 1 · Accepted Answer

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

2 回答 2