frontendmemo

このサイトは、「html、css、js、ツールなどについて、自分が覚えたこと、またはいつも忘れて調べることを書き溜め、それが結果といて勉強したての初心者の方や自分と同じような技術レベルの人の助けになることを目的とするWebログ」、略してブログです。挨拶→http://frontendmemo.hatenablog.com/entry/2016/06/25/115845

form要素のinputやtextareaがiphoneでピンチインするのを防ぐ方法

スポンサードリンク


スポンサードリンク


form要素はいろいろとコツが必要になることが多いかと思います。

スマホでinput要素に入力したところピンチインする現象に遭遇しました。

文字が小さいためあえてピンチインする仕様だそうなのですが、恐らく十人が十人めんどくさっと思うでしょう。


これを解消するのは簡単でfont-sizeを16pxにするだけです。

See the Pen JRpoYQ by funclur (@funclur) on CodePen.

input,textareaは基本的に文字サイズ16px以上で良いかなと思います。