前にこの現象が起きた時にいろいろ試してみて解決したんですが、少し前にその対処法をド忘れしてまた同じことで頭を悩ませたので忘れないようにメモ。 iPhoneである特定のフォントサイズの時に右側に謎の余白ができることがあり自分なりに検証してみたところ、この現象はフォントサイズだけが関係しているわけではないらしく、どうやらマルチバイト文字の時で特定のフォントサイズの際に起きる現象のようです。 また、Androidの実機で確認してみましたがこの現象は起きておらず、iPhoneではSafariだけでなくSleipnirやiLunascapeなどの他ブラウザでも起きていたので、iOSが原因なのかなと考えています。 対処法 いろいろと調べたり検証した結果、この現象はCSSにletter-spacing: -0.01pxを追記することでひとまず対処できました。 -0.1pxや-0.01emなどでもこの現象
![iPhoneで特定のフォントサイズでできる謎の余白の対処法 - NxWorld](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5ac10ed8eb8471790d9a268c463e717794ee1bc/height=288;version=1;width=512/https%3A%2F%2Fwww.nxworld.net%2Fthumbnail%2Fiphone-mysterious-margin.png)