0

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

4

2 に答える 2

2

jQuery のheight()は役に立ちますか?

var height = $('td').height();
$('td').each(function() {
  $(this).css({'font-size': height + 'px', 'line-height': height + 'px'});
});
于 2013-03-10T08:40:50.430 に答える
1

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

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

http://jsfiddle.net/ZaJ8w/

于 2013-03-10T09:03:15.727 に答える