javascript - 同一div内的自适应非统一字体大小

Question

如何从这里开始：

对此：_

那是同一 div 内的非统一字体大小。在此示例中，“对话”一词已按比例缩小到 div 宽度。但其余文本保持默认字体大小。

我试过使用 css clamp() 函数，但我无法得到想要的结果。

我已经阅读了这个问题，但它没有回答是否有可能在同一个 div中获得自适应缩放。至于我的理解，使用 vw 会统一影响整个 div 内容。

标签： javascriptjquery

Answer 1

您所要做的就是将title标签分成span标签。

.one {
  font-size:38px;
}
.two {
  font-size:20px;
  }

<h1>
<span class = "one">Hello</span>
<span class = "two">World</span>
</h1>