移动宽度标题会破坏水平布局

Question

在Stack Overflow中搜索30分钟后，我无法找到问题的解决方案，所以就是这样：

我有一个静态博客，它的响应率接近99％。问题来自更大的标题和更广泛的单词（例如＆＃34; documentfragments＆＃34;，在我的情况下），它们在宽度低于400px的屏幕中制作水平滚动条。

这里的例子是：

正如您所看到的，宽度是（在特定情况下）320px，标题会破坏布局。

我不是样式表的专家，我学习但无论我做什么（调整宽度，字体大小等）我都无法解决问题。

有什么想法吗？

Answer 1

你有几个选择。

<强> 1。缩小字体大小。

您可以将字体大小减少到不太可能导致文本溢出的内容。

<强> 2。连字符 - 包裹你的话

使用CSS，您可以将元素设置为连字符，以便在空间不足时进行换行。只需将word-wrap: break-word添加到css中的元素即可。

第3。使用Javascript

你可以编写一些javascript来计算它需要适应的宽度，然后适当地改变字体大小。