divのサイズに比例してフォントサイズのサイズを変更する方法

Question

私は、ページをウィンドウのサイズに合わせてサイズ変更するウェブサイトを作成しようとしています。画像などを取得してdivサイズの％として自動的にサイズを変更することができます。 div内のテキストのサイズをコンテナの相対％に変更することはできないようです。

この機能は、ページを更新せずにブラウザウィンドウ自体のサイズが変更されたときに機能する必要があります。

サイトは基本的で、js、css、htmlを使用しています。可能な最も簡単な方法は分かりますが、どのような解決策も素晴らしいです。

ありがとうございました

Answer 1

テキストでも％を使用してください。 http://w3schools.com/cssref/css_units.asp

Answer 2

メディアクエリの使用はどうですか？

Answer 3

divサイズの変更時にfont-sizeを調整する例を挙げました。親divのパーセンテージを使用してフォントサイズを調整すると、そのトリックを行う必要があります。

http://jsfiddle.net/744A2/

Answer 4

だから、あなたは、フォントサイズを掛けることができ、一定値を計算するためにscreen.availHeightを使用することができます。

window.onload = function() { 
    document.body.style.fontSize = (Math.ceil(screen.availHeight * parseInt(document.body.style.fontSize)/600) + 'px'; 
}