こんにちは、ワタナベです!
最近、ガンプラを買ってはいるのですが作れておらずにどんどん積み上がって置き場所がなくなってゆくので、ゴールデンウィーク中に少しでも消費したいです…(^-^;
つい最近作業をしていて、iphoneでフォームをフォーカスしたときに、画面が拡大する現象に出会いました。
「何だ!?」と思ったら、文字のサイズが16pxよりも小さいと自動的に拡大表示されてしまうようでした。文字のサイズが小さいと見づらいだろうと親切心から自動拡大してくれているのでしょうか…?笑
とはいえ、拡大してしまうと元のサイズにする手間もありますし、場合によってはデザインも崩れてしまいますよね…。
cssで「input」「select」「textarea」のフォントサイズを16pxに設定したらピタリと拡大表示されなくなりました(*´▽`*)
他にもviewportの設定やjavaScript、jQueryでも直せるようですが、よっぽどデザインに影響しないかぎり、フォントサイズを16pxにしてしまったほうが簡単ですし、スマホでもちょうどよい大きさの文字サイズだと思いました(^^)!
それでは今回はこの辺で~(^▽^)/~~~