ブラウザの最小フォント サイズを取得する最良の方法は何ですか? 二分探索を行う次のコードを作成しました。それは機能しますが、標準的な方法またはより効率的な方法があるかどうかを知りたいです。
function getMinimumFontSize() {
var el = document.createElement('div');
document.body.appendChild(el);
el.innerHTML = "<div><p>a b c d e f g h i j k l m n o p q r s t u v w x y z</p></div>";
el.style.fontSize = '1px';
el.style.width = '64px';
var minimumHeight = el.offsetHeight;
var least = 0;
var most = 64;
var middle;
for (var i = 0; i < 32; ++i) {
middle = (least + most)/2;
el.style.fontSize = middle + 'px';
if (e.offsetHeight === minimumHeight) {
least = middle;
} else {
most = middle;
}
}
return middle;
}
スタイルを設定して読み返すだけでは、ブラウザが実際に使用しているものではなく設定が返されるため、機能しません。
コンテンツのサイズを動的に変更して、スクロールせずにすべてを 1 ページに収めるために、最小フォント サイズが必要です。最小値を下回ったためにブラウザがフォント サイズの変更を無視した場合、これを行うのは困難です。そのため、代わりにグラフィックなどの他のコンテンツを縮小します。