2012-03-12 29 views
1

私は浮動小数点型のdivを持ち、ユーザーはフォントサイズを変更できます。彼らが行うとき、私はこのコードを持っている:divの高さが自動的にリサイズされませんか?

$(element).css ('font-size', newFontSize); 
alert ($(element).css ('height')); //60px 
$(element).css ('width', 'auto'); 
$(element).css ('height', 'auto'); 
alert ($(element).height()); //60 - no resize 

をアイデアは、自動高さのdivをリセットすることで、それがテキストに合わせてサイズを変更する必要があることですが、それはそうではないです。アイデア?また、あなたはem(または他の相対測定)に高さを設定することができ、代替のアイデアとして、高さ

と一緒にどこかmin-heightを設定するので、あなたがfont-を変更したときに

答えて

1

多分あなたのコードは、そう、動作しません。

+0

これは私が必要としていたものです。あまりにも多くの思考はピクセルで。ありがとう –

0

は、私はちょうどこの経て、ここで誰かが私を助けた(autoにその高さを設定せずに)サイズは、高さが自動的に変更されますので、私は一緒にそれを渡している:

あなたが使用したくありません高さ、あなたはmin-heighの組み合わせを使用したいtとオーバーフロー:

わかりやすく聞こえます。しかし、それは動作します。

実際には、DIVのサイズを変更するためにjavascriptを使用する必要はありません。 CSSがあなたのためにそれを世話します。

+0

悲しいことに、これは私の場合は動作しません。なぜなら、これはその親に含まれているドラッグ可能な要素だからです。 min-height:100%はドラッグ可能になりません。 –

関連する問題