iPhoneとかでフォームに入力するときにズームしちゃうのを防ぐには

   

この記事の所要時間: 037

iPhoneのブラウザでフォーム入力させようとすると・・・

ガガッと大きくなって入力終わった時に指で直させるようなことがあります。

あれを回避する方法です。

参考記事ページ

iPhoneのフォームでズームするのを防ぐ方法| HTMLの逆引きリファレンス
https://syncer.jp/html-reverse-reference/stop-zoom-when-focus-on-form

iPhoneは文字サイズが小さいフォームにフォーカス時、自動でビューポートを調整します。これを防ぐには文字サイズを16px以上に設定して下さい。

要するに <input type="text" 〜> のフォントサイズを 16px 以上にすれば良いらしい。

なーるほど、ですね。

textare とか password も同様です。

ズームされたくなければ 16px 以上! これだけ!

 - かいはつもの, テスト, ホームページ制作, 雑記 , , , , ,

  • B!
  • B!