是否有一个最好的方法来证明h1文本到它包含的div？

我只想在页面中间有一个div，它包含h1文本的一行（两个单词），并且该文本与div的长度对齐;意思是，这些字母在保持其大小的同时占据整个div的宽度，而不会超出div。而且，如果我更改浏览器设置以缩短页面的宽度（例如放大），则字母会缩小（在分成两行之前缩小到某个点）。是否有一个最好的方法来证明h1文本到它包含的div？

我不能真实地列出所有我尝试过的东西，都无济于事。其中包括我迄今在本网站上看到的所有建议。

这真的很复杂吗？还是我错过了一些明显的东西？

请帮助。

我对此请求的“主观性”表示歉意。

来源

2017-06-16 bloomers

也许我是愚蠢的，但这是最好的，我可以不用在特定的断点'@ media'查询分离元素，并让他们打破2条线宽度较窄。 https://codepen.io/anon/pen/awpZvB –

可能的重复问题：https://stackoverflow.com/questions/4355009/css-text-justify-with-letter-spacing – Ryan

@MichaelCoker我想我可以做到这一点。我想我只是希望有一些我不会改变的东西，如果我再添加一个词。但是，谢谢。 – bloomers

所以你想要根据窗口宽度改变字体大小？

在CSS中，您可以使用vw单元作为font-size，这样就可以响应窗口宽度，但我需要一些反复试验。

除此之外，还有一个名为fittext（http://fittextjs.com/）的JavaScript插件，它可以实现您想要的功能。我在一个网站上使用它，它的工作相当可靠，

来源

2017-06-17 00:01:34 Johannes

是否有一个最好的方法来证明h1文本到它包含的div？

回答

相关问题