この記事について
| 環境 | iphone + CSS |
|---|---|
| 目的 | brタグをまたぐ選択で範囲が広がりすぎるのを防ぐ |
| 結果 | brをやめて CSS（content:”\A”）で改行して解決 |
つまずきポイント要約
- brタグをまたいで選択すると希望より広い範囲が四角く選択される（iphoneの仕様）
iphoneでbrタグをまたいで文章を選択すると、希望の文字列より広範囲で四角く選択されてしまう。これはiphoneの仕様のよう。
この問題はbrタグを使わず、CSSで改行すると解決できる。
html
<br>↓↓↓↓↓
html
<span class="br"></span>css
.br:before {
content: "\A";
white-space: pre-wrap;
}