使用jQuery检测字体大小(以像素为单位)

时间:2022-01-09 20:40:14

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/

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/

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

在这里小提琴