個人開発者をサポートするQ&Aツール

個人開発者・フリーランスエンジニア・リモートプログラマの
問題解決をサポートするサービスです

登録不要ですぐに質問を開始できます

スマホで見ると英語(アルファベット)が枠からはみ出してしまう

解決済 10pt 1件

PCのブラウザで見ると問題ないのですが、スマホのような小さなディスプレイで見ると枠から英語(url)がはみ出してしまいます。

せっかくレスポンシブ対応してるページなのに、URL部分だけが横にはみ出しているので横スクロールが発生してしまいます

何か良い対処法がありましたら教えてください。
chrome
html css
ベストアンサーに選ばれた回答
はみ出してるテキストにcssで、
word-break: break-all;
もしくは、
word-break: break-word;
を使用してください

p{
    word-break: break-all;
}

break-allは枠の最後に近づくと文字のどこであっても改行します。
break-wordは単語単位で改行します。

回答の編集

この質問はすでに終了しているため変更できません

直りました。ありがとうございます

みっくんのプロフィール画像 みっくん

回答

この質問はすでに終了しているため、回答できません