我想要一个位于页面中央的 div,其中包含一行(两个单词)的 h1 文本,并且该文本与 div 的长度对齐;意思是,字母留出空间(同时保持它们的大小)以占据 div 的整个宽度,并且不要超出 div。而且,如果我更改浏览器设置以缩短页面宽度(例如放大),字母将压缩(到一个点,然后分成两行)。
我无法现实地列出我尝试过的所有事情,但都无济于事。其中包括我迄今为止在该网站上看到的所有建议。
真的有那么复杂吗?还是我只是漏掉了一些明显的东西?
请,请帮助。
对于此请求的“主观性”,我深表歉意。
最佳答案
所以您希望字体大小根据窗口宽度而变化?
在 CSS 中,你可以为 font-size
使用 vw
单位,这样可以响应窗口宽度,但需要反复试验,我猜猜。
除此之外,还有一个名为 fittext
( http://fittextjs.com/ ) 的 javascript 插件可以满足您的需求。我在一个网站上使用过它,它工作得相当可靠,
关于html - 有没有最好的方法来证明 h1 文本与其包含的 div 一致?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44598679/