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

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

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

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

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

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

Pocket

コメントを残す

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