タイトルの通り、ブラウザ枠の大きさをリサイズすることで、
表示しているテキストを自動で可変するjQueryプラグイン。
≫ブラウザの表示サイズに合わせてフォントサイズを自動で変更する方法 jquery : 4GALAXYのメモ
組み込み方は簡単でjQueryをページからリンク後、
ソース内に下記スクリプトを記述するだけ。
——————————————
<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>
——————————————
試しにサンプル(って言うほどの物でもないですが)作ってみると以下の様な感じ。
≫こちら
ページ全体ではなく対象を特定のブロックのみにする事も可能。
何かの時に使えるかな、と思っております。