getPropertyValue（“字体尺寸”）返回用于Firefox不同的值和铬

我使用以下代码我适于从这里：How To Get Font Size in HTML getPropertyValue（“字体尺寸”）返回用于Firefox不同的值和铬

的代码是：

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。这是为什么？有没有办法在Firefox中可靠地测试最小字体大小？最终，我试图放大某些元素，以便在用户增加字体大小时它们将成比例。

来源

2015-01-08 Jonathan Basile

“*我试图放大某些元素，使他们将正比，如果用户增加了他们的字体尺寸。*”。然后使用'em'单位。不需要JS。 – Oriol

我可能能够完成一些我想要处理的东西 - 但我希望有更多的灵活性 - 例如我可能想要加载更大的图像而不是将它们吹起来等等。最终，我会像这样工作，我就可以测试不同的策略，看看哪个外观和功能最好。 –

下面的代码工作的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

来源

2015-01-08 17:34:24

getPropertyValue（“字体尺寸”）返回用于Firefox不同的值和铬

回答

相关问题