2012-02-18 11 views
1

私のページのフォントをfont-size: 0.6875em;に設定しました。私は幅とパディングのパーセンテージをすべて私のDIVSに使っているのを見て、ウィンドウをドラッグしてブラウザのサイズを変更するとテキストサイズが小さくなりますJavaScript関数ではありません)?ブラウザのサイズ変更でテキストサイズが自動的に減少する可能性はありますか?

そうではありません。私はCSSのメディアクエリを追加することができますが、おそらくこのためのJavaScript/jQueryツールがありますが、ユーザーがブラウザの角をドラッグしてウィンドウのサイズを縮小(または増加)したり、 JS/CSSのメディアクエリ?

アドバイスをいただければ幸いです。

おかげ

+2

'em'は常にフォントサイズに基づく相対単位です(通常、継承されたfont-sizeに基づいています)。あなたが何かを常にスケーリングしたい場合は、別のユニットを使用してください(しかし、間違ったことはほぼ間違いです。ビューポートをそのサイズの1/4に縮小すると、テキストも減少するとは思われません) –

答えて

0

はい、あなたはメディアクエリを使用することができます。

ここ
@media screen and (min-width: 640px) { body { font-size:12px; }} 

ブラウザのサイズは、少なくとも640以下となった場合、フォントサイズは12ピクセルになります。

お客様の要件に応じてmin-widthとCSSセレクタを調整する必要があります。

異なるサイズのメディアクエリを複数作成することができます。

詳細:

+0

しかし私はする必要がありますか? DIVのようにテキストのサイズが自動的に変わることはありませんか? –

+0

@MikeSav:これは、上記のように 'min-width'で指定するブラウザーのサイズが小さくなる場合です。 – Sarfraz

0

いいえ、それはJS /メディアクエリなしではできません。パーセンテージは、継承/初期フォントサイズに常に適用されます。

+0

フォントサイズをemsの代わりにパーセンテージに設定することができますか?または、箇条書きを少しだけビットしてJS /メディアクエリを使用するだけですか? –

+1

申し訳ありませんが、私は明確ではありませんでした。私は、フォントサイズとしてパーセンテージを設定することは可能ですが、このパーセンテージは幅や高さを参照するのではなく、親のフォントサイズを参照することを意味します。それはそれが一定であることを意味するので、それは役に立たない。 – user123444555621

関連する問題