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

Question

提问by Michal

How can I detect font size using jQuery? If I am using emand i need to detect font size in pixels

如何使用 jQuery 检测字体大小？如果我正在使用em并且我需要以像素为单位检测字体大小

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

Answer 1

I made you a fiddle just to be clear.

为了清楚起见，我让你成为了小提琴。

var size = $("h1").css('font-size');

Answer 2

This should work:

这应该有效：

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

Answer 3

Have you tried using this method?

您是否尝试过使用这种方法？

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

Answer 4

Try this,

尝试这个，

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

Answer 5

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()获取字体大小...这给出了以 px 为单位的大小...所以将它除以 16 应该给你em. 尝试这个

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

fiddle here