1. ホーム
  2. javascript

[解決済み] コンテナサイズに応じたフォントサイズを設定するには?重複

2023-04-30 19:46:03

質問

幅と高さが%で設定されているコンテナがあり、外的要因によって拡大縮小されます。コンテナ内のフォントは、コンテナのサイズに対して一定のサイズにしたいです。CSSを使ってこれを実現する良い方法はないでしょうか?そのために font-size: x% では、元のフォントサイズ(100%)に応じてフォントが拡大縮小されるだけです。

どのように解決するのですか?

CSS3でも計算でできるかもしれませんが、JavaScriptを使用した方が無難でしょう。

以下はその例です。 http://jsfiddle.net/8TrTU/

JS を使用すると、テキストの高さを変更できます。次に、この同じ計算をリサイズ イベント、リサイズ中、ユーザーが調整している間、または要素のリサイズを許可している間に拡大縮小するように、単純にバインドします。