スマホで見て気づいた!word-wrap: break-wordが効かない時
外部リンクの参照URLが長い時word-wrap: break-wordを指定していれば基本領域をはみ出すことはないのですが、効いていないことがありました。
要素のwidthを設定すれば解消
PCの時は十分な横幅があるので気付かなかったんですが、スマホで見た時にレイアウト崩れを起こしていました。解消方法は要素にwidthを指定してあげればOKです。100%とかの指定でもOKです。すっきりした。
- 2016年02月25日木曜日
- :Naruhiko Wakai
コメントを残す