iOSでフォームに入力しようとしたら画面が勝手にズームされてしまったことはありませんか?
今回は、そんな時の対処法をお伝えします。
拡大の原因と対処法
なぜ拡大してしまうかというと、iOSはfont-sizeがデフォルトで16pxとなっている為、それを下回るサイズを指定すると親切心(?)で勝手に調整してしまうみたいです。
対処法はめちゃくちゃ簡単!input
のfont-size:16px;
にしておくだけです。
CSS
input{ font-size:16px; }
まとめ
いかがでしたでしょうか?
勝手に拡大されると、ユーザーが困惑してしまいサイト離脱の原因になりかねないので、確実に対処しておきましょう!