Jquery 相对字号

我使用jquery在div容器中构建一个元素，方法是使用简单的append函数，如下所示

$("#container").append("<label style='font-size:100%;'>ASAD</label>");

$（“#容器”）.append（“ASAD”）；

---

现在，我使用相同的东西将相同的元素附加到主页体，但我得到的两种字体大小相同。那是一个在div里面的，还有一个在body里面的。我想要的是在附加到div时获得相对于div的大小。

您尝试过“font-size:1em”吗？ems也是相对测量单位。1em表示与父元素相同的大小。

W3C建议使用em大小单位。1em等于当前字体大小。浏览器中的默认文本大小为16px。因此，1em的默认大小是16px

可以使用以下公式从像素到em计算大小：像素/16=em

h1 {font-size:2.5em;} /* 40px/16=2.5em */
h2 {font-size:1.875em;} /* 30px/16=1.875em */
p {font-size:0.875em;} /* 14px/16=0.875em */

如何在CSS中调整文本大小

---

实现这一点的方法是使用相对字体单位，如em或rem。em字体单位取决于容器的字体大小，而rem单位取决于根元素字体大小

例如，您可以将container div设置为字体大小为16px，并且使用em单元设置任何子元素的字体大小将使其相对于container div

div { font-size: 16px }

div>p  {
  font-size: 1.5em; //this will be equal to 24px
}

在p元素上，1em等于16px，这意味着1.5em将等于24px

---

这里有一篇很棒的文章，详细解释了相对字体大小。

没有。我认为百分比对于相对大小来说是好的。em表示父元素指定的字体中大写字母

M

的宽度，而不是相同的大小！在排版上，是的，em是指大写的M。然而，在CSS中，em是一个相对度量单位。就CSS而言，“1em”将导致元素采用其父元素的字体大小。@alirana-在CSS中，对于字体大小，100%和1em是等效的。@JuicyScript-假设没有规则集具有与元素匹配的选择器并已设置大小。您能更具体地说明问题是什么吗？可能一些演示非常混乱…我想要的是，当我们给一个div在另一个div中，并给它100%的宽度，它是相对于容器div。如果我们复制粘贴相同的子div到body，它将是100%的宽度，根据body。我想要像这样的东西，希望你能理解，我也很困惑，“相对字体大小”和div标签有什么关系？