iOSで文字の大きさが変わってしまう件

こんにちは、TomoTomoです。

今回は、iOSで少し変わった事象が起きてしまう件についてです。

 

最近あるサイトのスマホサイトを作っていたのですが、
CSSで指定しているのに、一部の文字だけ指定している大きさよりもかなり小さくなってしまっているということに気がつきました。

何でだろうと悩んでいるうちに、iPhoneやiPadでは文字を自動調整してしまうという情報が・・・。
そんな機能必要ないのに。と思いながらも、対処法を探してみると・・・いい方法がありました!

 

その方法は、
文字が小さくなってしまうタグのCSSに、

-webkit-text-size-adjust: 指定したい文字の大きさ;

というように、改めて文字の大きさをアジャストしてあげると、文字の大きさが思い通りになりました。

iPhoneで見てみると、思ったような大きさになっていないということがあれば、ぜひこの方法を試してみてください!

 

スマホのサイトを作っていると、「なんで?」ということがよくあるので、また新たな発見がありましたらお知らせしたいと思います。
それでは、また!

カテゴリー: css, html

コメントを残す

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

*