【CSS3】iOSのサファリで縦画面から横画面にすると文字が大きくなるのを防ぐ設定
iPhone Safari 横
iPhone Safari 縦
横にすると、※1が拡大されてしまう。
おそらくiPhoneのSafariのみ。
なので、
text-size-adjust
これでテキストの自動拡大アルゴリズムを制御する。
body {
//iPhoneのSafariでで横向きにした際に一部文字が拡大されてしまうための対応
-webkit-text-size-adjust: 100%;
}
これで出来る。
Can I use... Support tables for HTML5, CSS3, etc
iOSのSafariではprefixが必要なので、-webkit-
をつける。
ただnone
は指定してはいけない。
[備忘録]「-webkit-text-size-adjust」は指定しておこう、今のところは! | ultimate-ez.com
PCでのユーザビリティに影響するらしい。