当屏幕的宽度改变,字符串“ Essem”改变宽度时,如何获得效果?
我有HTML:
<h1><span>Essem</span><br />bli.</h1>
最佳答案
您可以使用相对于视口的单位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/
关于html - 文字宽度随屏幕宽度而改变,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45184639/