getPropertyValue('font-size') 为 Firefox 和 chrome 返回不同的值

Question

我正在使用以下代码，我从这里改编： 如何在 HTML 中获取字体大小

代码为：

function checkminfont() {
var el = document.getElementById('fontcheck');
var style = window.getComputedStyle(el, null).getPropertyValue('font-size');
var fontSize = parseFloat(style);
alert(fontSize);
}

ID 为"fontcheck"的元素是一个字体大小设置为 11 的div。 我正在尝试找到一种可靠的方法来找出用户的最小字体大小是否设置为 11 以上。在Chrome中，此功能可以完美运行-当最小字体大小大于11时，警报将给出最小字体大小的值。在 Firefox 中，无论最小字体大小设置为什么，警报都会显示 11。为什么？有没有办法可靠地测试火狐中的最小字体大小？最终，我正在尝试放大某些元素，以便在用户增加字体大小时它们成比例。

Answer 1

以下代码也适用于 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);
} 

感谢鲍比·杰克：http://www.fiveminuteargument.com/minimum-font-scaler