How can I detect font size using jQuery? If I am using em
and i need to detect font size in pixels
如何使用jQuery检测字体大小?如果我使用em,我需要检测字体大小(以像素为单位)
<h1 style="font-size: 5em">Size of font in pixels?</h1>
5 个解决方案
#1
29
http://jsfiddle.net/g9uKq/
I made you a fiddle just to be clear.
为了清楚起见,我让你成了小提琴。
var size = $("h1").css('font-size');
#2
8
This should work:
这应该工作:
parseInt($("h1").css("font-size"))
#3
4
Have you tried using this method?
你尝试过使用这种方法吗?
var size = $(element).css('font-size');
#4
2
Try this,
尝试这个,
function em(input) {
var emSize = parseFloat($("h1").css("font-size"));
return (emSize * input);
}
#5
0
use css()
to get the font-size... this gives the size in px... so divide it by 16 should give you the value in em
. try this
使用css()来获取font-size ...这给出了px中的大小...所以除以16应该给你em中的值。尝试这个
var sizeinem=parseFloat($('h1').css('font-size')) / 16;
alert(sizeinem);
fiddle here
在这里小提琴
#1
29
http://jsfiddle.net/g9uKq/
I made you a fiddle just to be clear.
为了清楚起见,我让你成了小提琴。
var size = $("h1").css('font-size');
#2
8
This should work:
这应该工作:
parseInt($("h1").css("font-size"))
#3
4
Have you tried using this method?
你尝试过使用这种方法吗?
var size = $(element).css('font-size');
#4
2
Try this,
尝试这个,
function em(input) {
var emSize = parseFloat($("h1").css("font-size"));
return (emSize * input);
}
#5
0
use css()
to get the font-size... this gives the size in px... so divide it by 16 should give you the value in em
. try this
使用css()来获取font-size ...这给出了px中的大小...所以除以16应该给你em中的值。尝试这个
var sizeinem=parseFloat($('h1').css('font-size')) / 16;
alert(sizeinem);
fiddle here
在这里小提琴