Jquery 如何获得用CSS编写的字体大小？

如何使用CSS编写字体大小？它返回了错误的值

HTML

jQuery

var a = $("#test").css('font-size');
var b = $("#test2").css('font-size');
alert("test  = " + a + "\ntest2 = " + b); // test = 38.5667, test2 = 38.5667

---

您所拥有的应该可以工作，但是，您真的不需要任何jquery。字体大小都可以使用纯css完成

例如：

#test {
  font: 38px Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

#test2 {
  font: 24px Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-variant: small-caps;
}

HTML:

文本
正文

这回答了你的问题吗

编辑：

---

检查一下这把小提琴：

您所拥有的应该可以工作，但是，您真的不需要任何jquery。字体大小都可以使用纯css完成

例如：

#test {
  font: 38px Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

#test2 {
  font: 24px Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-variant: small-caps;
}

HTML:

文本
正文

这回答了你的问题吗

编辑：

---

看看这把小提琴：

如果我理解你的问题，这里的问题是字体大小定义值中的小数。 以下是正确的方法：

CSS

如果希望任何设备具有更动态的行为，则必须使用“em”定义值：

CSS

这是一个响应性很强的网页设计，如果你想对它进行更多的研究

---

关于，

如果我理解你的问题，这里的问题是字体大小定义值中的小数。 以下是正确的方法：

CSS

如果希望任何设备具有更动态的行为，则必须使用“em”定义值：

CSS

这是一个响应性很强的网页设计，如果你想对它进行更多的研究

---

关于这一点，

在您的示例中，您使用了很多小数位。根据标准，不要求小数点所需的精度。只是小数是可能的

也就是说，我认为您可能遇到的小数点不准确性是浏览器对其存储的小数位数的限制。特别是在像素方面，因为你真的不能显示半个像素

---

如果您要寻找那种精度，您最好使用

em

，它将缩放到当前继承的字体大小。

在您的示例中，您使用了很多小数位。根据标准，不要求小数点所需的精度。只是小数是可能的

也就是说，我认为您可能遇到的小数点不准确性是浏览器对其存储的小数位数的限制。特别是在像素方面，因为你真的不能显示半个像素

---

如果您希望达到那种精度，您最好使用

em

，它将缩放到当前继承的字体大小。

根据我的经验，我看到大多数浏览器只能解析到小数点后千位，因此如果您的字体大小在这方面几乎相同，然后浏览器可能只是做一些舍入来给你相同的值

---

但我很好奇，为什么你们想要两个几乎相同且相差不到1个像素的字体大小声明？这听起来像是你解决问题的方法需要重新考虑，一个更好的方法可能会解决你正在考虑的问题。

根据我的经验，我看到大多数浏览器只能解析到小数点后千位，因此如果你的字体大小在这方面几乎相同，然后浏览器可能只是做一些舍入来给你相同的值

---

但我很好奇，为什么你们想要两个几乎相同且相差不到1个像素的字体大小声明？这听起来像是你解决问题的方法需要重新考虑，更好的方法可能会解决你正在考虑的问题。

你的意思是获得相同元素的字体大小吗？您有两次

$（“#测试”）

。我想您可能也需要

$（“#test2”）

。谢谢。。。我编辑了这个错误。但是输出仍然是一样的。。。我添加了JSFIDLE示例。为什么需要返回如此精确的值？您的意思是获取同一元素的字体大小吗？您有两次

$（“#测试”）

。我想您可能也需要

$（“#test2”）

。谢谢。。。我编辑了这个错误。但是输出仍然是一样的。。。我添加了JSFIDLE示例。为什么需要返回如此精确的值？这是JSFIDLE示例。。。试试看-把你的像素转换成“他们”，这样就可以了！但是如何在em中通过jQuery获得字体大小呢？试试这个：--你的jQuery应该是正确的，这只是在css中应用正确的尺寸（将px转换为em）的问题。这是JSFIDLE示例。。。试试看-把你的像素转换成“他们”，这样就可以了！但是如何通过jQuery在em中获得字体大小呢？试试这个：--你的jQuery应该是正确的，这只是在css中应用正确的尺寸（将px转换为em）的问题

#test {
  font: 38px Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

#test2 {
  font: 24px Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-variant: small-caps;
}

<div id="test">text</div>
<div id="test2">Text</div>

#test{
    font-size: 38px;
}
#test2{
    font-size: 38px;
}

#test{
    font-size: 16em;
}
#test2{
    font-size: 15.5em;
}