如何自动调整文本 CSS 大小？ [复制]

【问题标题】：How to automatically resize text CSS? [duplicate]如何自动调整文本 CSS 大小？ [复制]
【发布时间】：2022-01-03 17:16:05
【问题描述】：

我有一个固定高度的块：

div {
  font-size: 16px;
}

<div class="card" height="200px">
  text...
</div>

如果文本的高度不适合 div，如何调整其大小？

【问题讨论】：

我认为SO post 可能会对您有所帮助。只是提醒一下，它使用脚本来达到预期的结果。

标签： css

【解决方案1】：

使用 JavaScript

<div id = "theId" class="card" height="200px">
    text...
</div>
<script>
    let theNewHeight = "16px"
    document.getElementById("theId").style.height = theNewHeight;
</script>

或将 css 中的值设置为 % 而不是 px

div {
   font-size: 16%;
}

这将根据文档的大小进行更改，即 16% 的文档。

【讨论】：