背景大小取决于CSS中的字母高度

Question

假设我希望黄色背景的大小是“M”字母大小的3倍。我已经把它看作某个地方的问题，但不知道诀窍。任何线索？不应该更改html，只能添加CSS。感谢。

<h1 class = "smth">My beautiful page</h1>

.smth{
color:blue;
background-color: yellow;
}

Answer 1

您可以使用(EMP_ID, EXPERT_ID)单位作为元素的高度。因此，如果您将em元素设置为font-size，那么20px将是您使用height

的3倍

＆＃13;

＆＃13;

3em

＆＃13;

h1{
  background: lightblue;
  font-size: 20px;
  display: inline-block;
  height: 3em;
}

＆＃13;

＆＃13;

＆＃13;