スマホで見ると英語(アルファベット)が枠からはみ出してしまう
解決済
10pt
1件
PCのブラウザで見ると問題ないのですが、スマホのような小さなディスプレイで見ると枠から英語(url)がはみ出してしまいます。
せっかくレスポンシブ対応してるページなのに、URL部分だけが横にはみ出しているので横スクロールが発生してしまいます
何か良い対処法がありましたら教えてください。
せっかくレスポンシブ対応してるページなのに、URL部分だけが横にはみ出しているので横スクロールが発生してしまいます
何か良い対処法がありましたら教えてください。
chrome
html
css
ベストアンサーに選ばれた回答
はみ出してるテキストにcssで、
word-break: break-all;
もしくは、
word-break: break-word;
を使用してください
例
例
p{ word-break: break-all; }
break-allは枠の最後に近づくと文字のどこであっても改行します。
break-wordは単語単位で改行します。
回答の編集
この質問はすでに終了しているため変更できません
直りました。ありがとうございます
