jquery - 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% であることを意味します! これを達成する方法がわかりません！すべての役立つリンクや回答に満足しています! ありがとう！

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

古いブラウザをサポートする必要がない場合は、CSS3 で新しい viewport-unit を使用できます。

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

2 に答える 2