jQueryプラグインfittext.jsを使って、文字の自動リサイズ。
要素にfitText()を指定しておくだけで、ディスプレイの解像度に合わせて文字を自動リサイズしてくれます。iPhoneやiPadなどのスマホ、タブレットにも対応しています。 下の欧文白文字がサンプルです。上から"fitText()"、"fitText(1.2)"、"fitText(1.1)"+ミニマムサイズとマックスサイズを指定。ブラウザの画面サイズを変えて確認できます。
BtoB WEB Jyucyu SYS
BtoB WEB Jyucyu SYS
BtoB WEB Jyucyu SYS
各サンプルのjavascriptソース
$("#fittext1").fitText();
$("#fittext2").fitText(1.2);
$("#fittext3").fitText(1.1, { minFontSize: 50, maxFontSize: '75px' });