9

次の機能を備えたテンプレートを作成する必要があります。

  • 2 つのコンテナー (行) を含む
    • 一番上の行は固定サイズです
    • 下部は、使用可能な最大垂直スペースに合わせてサイズ変更されます
  • 下部コンテナー内のテキスト (フォント サイズ) は、コンテナーの高さに合わせて動的にサイズ変更する必要があります。

1番目の質問への答えは簡単ですが、2番目の質問よりもわからないので、ここに追加します。

テキストエリアまたは入力フィールド内のテキストのサイズを動的に変更する方法について、すでに多くの質問があります。しかし、この質問はより特殊です。おそらく、コンテナのサイズに合わせて単語を数える必要があるか、その他の方法が必要になるからです。

すでに行われた jquery またはその他の js/css ソリューションへのポインタを教えてください。

私は Web デザイナーではなく、テキストに合わせて使用​​する単純な Web ページ テンプレートを 1 つだけ作成したいと考えています。 、存在する場合...

編集

オーバーフロー ソリューションを確認すると、この回答https://stackoverflow.com/a/7138971/869025は垂直オーバーフローを検出するのにうまく機能します。ここで問題は、上記のオーバーフロー JavaScript チェックをサイクルに追加する方法、フォントを小さく変更する方法です。

2つのデモ画像を添付するより良い説明のために... ここに画像の説明を入力 ここに画像の説明を入力

4

2 に答える 2

7

基本的に、次のものが必要です。

while( is_overflow_in_the_second_div() ) {
    set_smaller_font();
}

したがって、質問を確認する必要があります

  • スクロールバーを検出する方法
  • オーバーフローを検出する方法

など、例えば:

おそらく他の多くの。

適切なキーワードの質問を検索していない可能性がありますが、これはおそらく重複しています。:)

于 2013-06-08T16:48:21.203 に答える