入力フォームをタップすると拡大されてしまう。

2017-10-06

お問い合わせのメールフォームを作成していました。
もちろん、モバイル版がメインなのでメールフォームもそれなりのデザインがされています。

あ、氷翠はデザイン担当ではないので。

HTMLでフォームを組んでいくと、なぜか、入力する場所をタップして、入力状態にすると、画面が拡大されてしまう現象がおきます。
これは前から知っていたことなんだけど、やはり、邪魔だなーって。

その都度、画面を元の拡大率に戻したりして…

で、そのことを調べていくと、どうやら入力する文字の大きさが関係していたようで、モバイルとかのブラウザは基本的に16pxの文字の大きさが設定されています。
しかし、入力する文字の大きさがこれよりも小さいと、この現象が起きてしまう。
よって、入力する文字は16px以上の大きさを指定するのがいいようです。