0

親divに関連してフォントサイズを調整しようとしています。

このフィドルを参照してください：http： //jsfiddle.net/hFgMs/

divの幅は100ピクセルです。したがって、入力するテキストが多いほどフォントサイズは小さくなり、一部の文字を削除するとサイズが大きくなります。

これは今のところ機能しますが、地獄のように醜いです。トランジションは時々「ジャンプ」します。

それを修正する方法についてのヒントはありますか？:-)

固定サイズのコンテナを埋めるために動的テキストの自動サイズ設定が 行われました。ありがとう

4

3 に答える 3

2

さて...次のことができます。

ユーザー ビューの外にある div を作成します。テキストを入れてから、テキストを入れたときにサイズを取得します。次に、太いカウントを行うのではなく、取得するサイズを確認して適切に縮小することができます...ちなみにバグがあります..私が知る限り、奇数または偶数の場合、地獄のようにジャンプします。

于 2012-10-17T22:28:50.553 に答える
0

こちらの公式ドキュメントをご覧ください。これらは、css で使用する相対的な単位です。http://www.w3.org/TR/css3-values/#font-relative-lengths

正確な目標によっては、ビューポートの測定値を使用して何かを実行できる場合があります。

于 2012-10-17T22:37:37.287 に答える
-1

もちろん、パーセンテージを使用してください。

テキスト フィールドのフォントのサイズを定義するには、ピクセルではなくパーセンテージを使用します。

http://jsfiddle.net/gsFx7/

div{
    font-size:100%;
    -webkit-transition:all 300ms;
}

div:hover{
    font-size:200%;
}

滑らかにする必要があります。

于 2012-10-17T22:15:38.400 に答える