Html 是否可以将CSS字体大小设置为使用style属性定义的类的相对百分比？

我有一个div class=“myBox”和“myTitle”

.myBox的CSS

：

{
font-size:14px
}

{
font-size:18px
}

.myTitle

的CSS：

{
font-size:14px
}

{
font-size:18px
}

现在，在某些情况下，我希望它们都能按百分比放大或缩小。因此，我设置了一个

style=“font size:150%”

，并将其添加到我的HTML中

这将成功覆盖CSS类，并将150%的字体大小应用于这些类

---

问题 .myBox和.myTitle现在都同样大，它们在字体大小上没有保持相对差异。看起来150%是关于页面的全局字体大小，所以当我告诉它转到150%时，它们是一样的

我所希望的是：

.myBox would be 150% * 14px = 21px
.myTitle would be 150% * 18px = 27px

---

有没有办法只使用CSS和style属性将字体大小设置为按百分比放大？

这是

em

的工作

em

是基于父级字体大小的相对单位。搜索一下它，你会发现很多资源，包括它的犯罪伙伴，

rem

单位（

：root

em

）

正文{
线高：1；
}
.盒子{
字号：14px
}
.头衔{
字号：18px
}
.更大{
字号：1.5em；
}

框（14px）
mybox（21px）
盒子（18px）
mybox（27px）
这是
em
的工作
em
是基于父级字体大小的相对单位。搜索一下它，你会发现很多资源，包括它的犯罪伙伴，
rem
单位（
：root
em
）


正文{
线高：1；
}
.盒子{
字号：14px
}
.头衔{
字号：18px
}
.更大{
字号：1.5em；
}
框（14px）
mybox（21px）
盒子（18px）
mybox（27px）
查看
em
查看
em