Google PageSpeed Insights: Size content to viewport
Size content to viewport
When you run your perfectly responsive site through PageSpeed Insights and find that PSI complains that your content is not sized to the viewport you might start wondering why.
All the links point you to the meta viewport tag, but there's more to it. Any word in your content that is longer then the PSI viewport will make it think that there's a problem with the dimensions of either content or viewport.
To find any long words that may interfer with the PSI rendering first resize your browser with the target site loaded to as narrow as you can. If the browser doesn't want to resize small enough you can open the dev tools (usually F12-key) and dock it to the window for additional width modification. When your browser is narrow enough to give you a horizontal scroll bar you can start looking for words that span an entire row. Hint: it's usually links
Once the culprit is located you need to fix it. Check for missing spacing or if there is a place to put a hyphen (-) but really long words will require you to insert a breakpoint. The <wbr> tag will usually do the trick. It works in the content of links as well.