最近iOS Safariで起きた現象とその対処法についてまとめておきます。 ブラウザ表示のトラブルといえばIEでばかり起きるもののイメージがあったのですが、最近意外とSafariで見たときに「あれ?」となることが増えてきました。 横幅が足りなくて改行されているのではなく、明らかに横幅は余裕があるのに、最後の1文字だけが改行されてしまいました。 原因としては下記のようなことがあるみたいなのですが、自分の場合はdisplay: inline-block;でフォントサイズを14pxで文字数が全角13文字のときに発生しました。 display: inline-block;を指定しているfont-feature-settings: "palt"を指定している文字列が全て全角文字前後に空白がある(コード上の空白も含め)しかも、iPhone長押しでテキストの選択をすると1行で選択されるので、あくまで要素