我正在使用以下代码,我从这里改编:How To Get Font Size in HTML
代码是:
function checkminfont() {
var el = document.getElementById('fontcheck');
var style = window.getComputedStyle(el, null).getPropertyValue('font-size');
var fontSize = parseFloat(style);
alert(fontSize);
}
带有“fontcheck”的元素是一个字体大小设置为11的div。我试图找到一种可靠的方法来确定用户的最小字体大小是否设置在11以上。在Chrome中,这个功能完美无缺 - 当最小字体大小超过11,警报将给出最小字体大小的值。在Firefox中,无论最小字体大小设置为什么,警报都会显示11。这是为什么?有没有办法可靠地测试Firefox中的最小字体大小?最终,我试图扩大某些元素,以便在用户增加字体大小时它们成比例。
答案 0 :(得分:0)
以下代码也适用于firefox:
function checkminfont() {
var m = '<div id="min-font-size-tester"';
m += ' style="font-size: 2px; line-height: 1;';
m += ' display: none;">M</div>';
$('body').append(m);
minsize = $('#min-font-size-tester').height();
alert(minsize);
}
我要感谢Bobby Jack:http://www.fiveminuteargument.com/minimum-font-scaler