如何制作标题 H2 以适应 DIV 的当前宽度。
我希望 H2 获得最大字体大小，显示其完整上下文(不使用溢出来剪切或隐藏其内容)，同时不中断 DIV 内的第二行.
最佳答案
有几种方法 - 有些比其他方法更复杂。有一些 JavaScript 插件可以处理这个问题，它们可能最适合您。
一种简单但有效的纯 CSS 方法是使用视口(viewport)宽度 (vw) 作为字体大小的值。以下是结合使用 white-space: nowrap 的示例:https://jsfiddle.net/6tueLheq/
HTML:
<h2>
Hello there i don't break to the next line no matter what the width!
</h2>
CSS:
h2 {
white-space: nowrap;
font-size: 3vw;
}
注意 - 这种方式无论如何都不完美 - 我建议使用类似 FitText 的东西:http://fittextjs.com/ ，相当强大。
有关视口(viewport)单位的更多信息:https://web-design-weekly.com/2014/11/18/viewport-units-vw-vh-vmin-vmax/
关于javascript - 如何进行响应式设计，使 H2 在 1 行 DIV 中获得最大字体大小？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37776492/