正如标题所暗示的，在构建响应式网站时，我经常遇到一个问题，即较长的 URL 会破坏我的流畅网格并导致较小设备上的水平滚动。因为它们是一根长字符串，所以它们不会包裹容器并将其宽度推到比设备宽度更宽...
<--device-->
______________
| |
| http://longurlthatdoesntfit.com
| |
| |
有时我使容器 overflow:hidden 但这只是切断了 URL 的末尾并且它往往会出现锁定故障。另一种方法可能是在较小的设备上缩小字体大小，但在 URL 长度不同的情况下，这意味着缩小它的方式以确保它始终有足够的空间。
一定有更好的方法。
最佳答案
如果隐藏或滚动溢出都不适合您，请考虑强力 word wrapping in CSS :
word-wrap: break-word;
关于html - 长 URL(超过设备宽度)的响应式解决方案，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18157620/