2013-03-01 57 views
20

如何使用jQuery检测字体大小?如果我使用em,我需要检测像素中的字体大小使用jQuery检测字体大小(以像素为单位)

<h1 style="font-size: 5em">Size of font in pixels?</h1> 
+0

你能不能给一点关于你已经尝试了什么,以及为什么你想这样做更详细? – 2013-03-01 09:42:59

回答

4

您是否尝试过使用此方法?

var size = $(element).css('font-size'); 
2

试试这个,

function em(input) { 
var emSize = parseFloat($("h1").css("font-size")); 
return (emSize * input); 
} 
8

这应该工作:

parseInt($("h1").css("font-size")) 
1

使用css()可以获得字体大小...这使在像素尺寸...所以16分才应该给你em值。 试试这个

var sizeinem=parseFloat($('h1').css('font-size'))/16; 
alert(sizeinem); 

小提琴here

+0

请注意这个问题的要求是获得px的字体大小,而不是em。所以'css('font-size')'就足够了。 – 2014-10-01 20:52:02

+2

为什么你认为除以16会给你的字体大小?如果文档的字体大小恰好为16px,则这是唯一正确的,否则这将不正确! – 2017-02-09 12:29:34

相关问题