html - Responsive solution for long URLs (that exceed the device width) -

as title implies, while building responsive sites, run issue long(ish) urls breaking fluid grid , causing horizontal scrolling on smaller devices. because they're 1 long string, don't wrap , push width of container wider device width...

 <--device--> ______________ |             | | http://longurlthatdoesntfit.com |             | |             | 

sometimes make container overflow:hidden chops off end of url , tends lock glitchy. approach might shrink font-size on smaller devices, in situations url lengths vary, mean shrinking way down ensure has enough space.

there must better way.

if neither hiding or scrolling overflow work you, consider forcefully word wrapping in css:

word-wrap: break-word;