NOTO

iPhoneでフォームにフォーカスした時拡大する問題

 Date:2016-04-29 10:23:21 +0900
 Categories: ETC

今作っているレスポンシブのサイトで表題のことが起こっていて、なんとかならないかと思っていたんですが、簡単に解決できる模様だった。

拡大縮小もできてiPhoneでフォームにforcusしたときズームしないようにす

詳細は上記リンクがわかりやすいです。

要は、フォーム部分のフォントサイズを16px以上相当にするか、それ用の設定を加えるかというものでした。今回は16pxで問題なかったので、文字サイズを変更することで対応しました。これで拡大しなくなったので、表示崩れがなくなって精神的に良さでした。

余談ですが、
iOSシミュレータでWEBインスペクタを確認する方法がiPhoneにケーブルを繋ぐ方法と同様の方法でsafariからできるのを今回発見してまた便利感がたかまりました。良さ。

Tweet