文本宽度随屏幕宽度而变化

Question

当屏幕宽度发生变化时，字符串“Essem”会改变宽度，我怎样才能达到这样的效果？ 我有HTML：

<h1><span>Essem</span><br />bli.</h1>

Answer 1

您可以使用视口相关单元vw，例如：

.my-text {
    font-size: 10vw; /* font will scale to 10 percent of the window's width */
}

虽然这需要一些摆弄来为您的文本找到正确的值。 有一些JavaScript库可以帮助您解决此问题：FitText.js，SlabText。

请参阅：https://css-tricks.com/viewport-sized-typography/