[解決済み] コンテナサイズに応じたフォントサイズを設定するには?重複
2023-04-30 19:46:03
質問
幅と高さが%で設定されているコンテナがあり、外的要因によって拡大縮小されます。コンテナ内のフォントは、コンテナのサイズに対して一定のサイズにしたいです。CSSを使ってこれを実現する良い方法はないでしょうか?そのために
font-size: x%
では、元のフォントサイズ(100%)に応じてフォントが拡大縮小されるだけです。
どのように解決するのですか?
CSS3でも計算でできるかもしれませんが、JavaScriptを使用した方が無難でしょう。
以下はその例です。 http://jsfiddle.net/8TrTU/
JS を使用すると、テキストの高さを変更できます。次に、この同じ計算をリサイズ イベント、リサイズ中、ユーザーが調整している間、または要素のリサイズを許可している間に拡大縮小するように、単純にバインドします。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] コンテナの幅に応じたフォントの拡大縮小
-
[解決済み] CSSでdivのアスペクト比を維持する
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
-
[解決済み] Chromeの拡張機能開発にWebStormを使用するにはどうすればよいですか?
-
[解決済み] javascriptで文字列から関数を作成する方法はありますか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] コンテナの幅に応じたフォントの拡大縮小
-
[解決済み] <Enter>でjQuery UIダイアログを送信する
-
[解決済み] javascript の関数から `undefined` と `null` のどちらを返すのが良いのでしょうか?
-
[解決済み] JavaScriptのtoString()関数をオーバーライドして、デバッグ用に意味のある出力を提供することは可能でしょうか?
-
[解決済み] 無効になっている入力フィールドの値を送信する
-
[解決済み] JavaScript のオブジェクトの配列を比較し、最小値/最大値を取得する
-
[解決済み] JavaScript で `throw` の後に `return` をする必要がありますか?
-
[解決済み] HTML要素にスクロールバーがあるかどうかをチェックする
-
[解決済み] これは純関数ですか?
-
[解決済み] JavaScriptでDIVを表示・非表示にするには?