2012年06月11日
iphoneでのホームページの文字の大きさ
ホームページを公開したところ、パソコンのIEやFirefoxだと正常に表示されるのにiphoneだと文字の大きさがおかしい。
文字の大きさがおかしいため、表示がくずれてしまいました。
調べてみるとiphoneのSafariは文字の大きさを自動的に調整する機能があるそうです。
この調整機能のせいで文字の大きさが変わり、表示がおかしくなってしまったみたいです。
ということで、iphoneのSafari対策として文字の調整機能を無効にしました。
html{
-webkit-text-size-adjust: none;
}
cssで上記を追加するとiphoneでも正常に表示されました。
私が確認したのはiphone4sです。
他のバージョンだと違うかもしれませんが、参考になればと思います。
文字の大きさがおかしいため、表示がくずれてしまいました。
調べてみるとiphoneのSafariは文字の大きさを自動的に調整する機能があるそうです。
この調整機能のせいで文字の大きさが変わり、表示がおかしくなってしまったみたいです。
ということで、iphoneのSafari対策として文字の調整機能を無効にしました。
html{
-webkit-text-size-adjust: none;
}
cssで上記を追加するとiphoneでも正常に表示されました。
私が確認したのはiphone4sです。
他のバージョンだと違うかもしれませんが、参考になればと思います。
この記事へのコメント