当屏幕的宽度改变,字符串“ Essem”改变宽度时,如何获得效果?
我有HTML:

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


html - 文字宽度随屏幕宽度而改变-LMLPHP

最佳答案

您可以使用相对于视口的单位vw,例如:

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


尽管这需要一些技巧才能找到适合您的文本的值。
有JavaScript库可以帮您解决这个问题:FitText.jsSlabText

参见:https://css-tricks.com/viewport-sized-typography/

关于html - 文字宽度随屏幕宽度而改变,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45184639/

10-12 12:28
查看更多