Text 在一个响应性强的网站上，文本与媒体查询略有中断

我有一个一页响应的网站，我正在工作。它在很大程度上按照我希望的方式工作，但在调整浏览器宽度时，有一部分文本会中断

以下是网站：

打断的文本是大标记行。它的浏览器宽度约为780px，因为某种原因，“挑战”一词会下降到下一行。不知道为什么

---

我已经在Chrome、Safari和Firefox中复制了这一点。

当浏览器的宽度达到780px左右时，标语的字体大小为50px，父div.tencol的字体宽度为82.7%，标语被迫中断。在浏览器宽度767px.tencol获得

width:auto

，这允许标语扩展一段时间，但随着浏览器继续收缩，标语再次中断

在您的style.css中，您只能使用

@仅媒体屏幕和（最小宽度：481px）和（最大高度：1280px）

声明h2字体大小。您需要为h2字体大小添加额外的断点

比如：

@仅媒体屏幕和（最小宽度：481px）和（最大宽度：787px）{
h2{字体大小：45px；}}
@仅介质屏幕和（最小宽度：788px）和（最大宽度：1024px）{
h2{font size:50px；}}

---

尝试断点，直到对结果感到满意为止

谢谢你在这方面提出了一些观点。我已经非常巧妙地调整了一些字体大小，我认为它现在过渡得很顺利。谢谢