word-break: break-word はやっぱり便利

はてなブログの Archive ページをモバイルで表示させたら、特定のページでこんなことになっていた。

文章の一部がコンテンツ幅をはみ出してしまい、その影響でサイト全体の幅もおかしくなっている。

これを解決してくれたのが word-break: break-word 、必要に応じて文中に改行を入れる。
はてなブログの Archive ページでは、.page-archive .archive-entries p にこれを適用する。

修正後:

まともな表示になって何より。