問題 × 解決策

英語のテキスト(URLなど)がスマートフォンで折り返しされない

問題

英語のテキスト(URLなど)がスマートフォンで折り返しされない。

解決策

bodyタグにCSSで「word-wrap: break-word;」を設定する。

 

スマートフォンでの英語のテキストの折り返し

英語の長文、特に外部サイトのリンクでURLを載せる時があると思います。そんな時、スマートフォンだとテキストが折り返されず、画面からはみ出してしまい、サイト全体が縮小されてしまう、なんて事態が起きることがあります。今回はそんな時の対処法をご紹介します。

CSSを設定します。

bodyタグに「word-wrap: break-word;」を設定します。

body{
	word-wrap: break-word;
}

これで完了です。

コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

15 − five =

「問題 × 解決策」
月別アーカイブ一覧

「問題 × 解決策」
月別アーカイブ一覧