主页 / 问题 / 1588797
Accepted
Dmitrii
Asked:2024-07-29 23:53:43 +0000 UTC2024-07-29 23:53:43 +0000 UTC

字体大小相对于块高度的百分比

  • 772

有一个块，其高度指定为百分比。块中有文字...

问题是如何将字体大小绑定到块高度？没有js，只有css

html

1 个回答

  1. Best Answer

    这是可能的，但仅限于现代浏览器并带有附加元素。使用容器也有一些副作用，但问题中并未禁止它们。我可以用吗

    html, body {
  height: 100%;
  margin: 0;
  overflow: auto;
}

section {
  container-type: size;
  height: 30%;
  margin: 2.5%;
  outline: 1px dotted red;
}

div {
  font-size: 100cqb;
  line-height: 1;
}

p {
  font-size: 50cqb;
  line-height: 1;
  margin: 0;
}
    <section>
  <div>123</div>
</section>

<section>
  <p>123<br>456</p>
</section>

    • 3

相关问题