可変するボックスなど、ブログの記事部分なんかにいいかもしれないです。
<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 fpar = (Math.floor((wpx)/(400/100)));// 横幅px ÷ (最少幅px/100) $("div#content").css("font-size",fpar+"%"); } setInterval(AutoFsize,1000);//ミリ秒ごとに横幅チェック //written by http://blog.4galaxy.net/ --> </script> <style type="text/css"> div#content{ width:80%; min-width:400px; } </style> </head> <body> <div id="content">ここの文字サイズが変わります</div> </body> </html>
ブラウザのサイズを変更するとフォントサイズが変わるのがわかります。
setIntervalよりload時に変更したほうがいいかもしれないですね。