ブラウザの表示サイズに合わせてフォントサイズを自動
お世話になっています。
以前、http://okwave.jp/qa/q8296498.htmlで、質問をさせて頂いて、それなりのページは出来たのですが、新たな質問が．．．．．
ブラウザの表示サイズに合わせてフォントサイズを自動で変更する方法（http://blog.4galaxy.net/77.html）を参考にtoppage.phpを作ったのですが、１ページの中で、サイズの違う文字列をブラウザのサイズに合わせてフォントのサイズを自動で変更するには、どうしたら良いですか？
因みに以下が、私が参考のページを分からないなりに修正したものです。
引用ここからーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<!DOCTYPE HTML>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
function AutoFsize(){
var wpx = $("div#content").width();
var wpx = $("div#content1").width();
var wpx = $("div#content2").width();
var fpar = (Math.floor((wpx)/(400/100)));// 横幅px ÷ (最少幅px/100)
$("div#content").css("font-size",fpar+"%");
$("div#content1").css("font-size",fpar+"%");
$("div#content2").css("font-size",fpar+"%");
}
setInterval(AutoFsize,1000);//ミリ秒ごとに横幅チェック
//written by http://blog.4galaxy.net/ -->
</script>
<style type="text/css">
div#content
{
width:140%;
min-width:400px;
}
div#content1
{
width:40%;
min-width:400px;
}
div#content2
{
width:100%;
min-width:400px;
}
</style>
</head>
<body>
<div id="content">ここの文字サイズが変わります</div>
<div id="content1">ここの文字サイズが変わります</div>
<div id="content2">ここの文字サイズが変わります</div>
</body>
</html>
引用ここまでーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
お礼
おぉぉ！ マクロのような機能があったんですね！ ありがとうございました。