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不同的值和鉻

回答

相關問題