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