【iPhone（iOS Safari）の独自仕様】 - Webサイト専門プログラマの言いたい放題

拡大縮小もできてiPhoneでフォームにforcusしたときズームしないようにする – wevdev

iPhone（iOS Safari）では、フォントサイズが実質16pxより小さい
フォームにフォーカスを当てた時に、自動的に画面が拡大するという
独自仕様があります。

「文字が小さいと入力し辛いでしょう？
　だから拡大してあげますね。」

という配慮なのでしょうけれど、
フォーカスを戻しても拡大前の状態に戻らないという困った仕様です。

OSによってブラウザの挙動が異なるのは仕方がないことですが、
ウェブ制作者としては迷惑なことが多いです。
　
特定のOSやブラウザだけのために、
作り方を別にしないといけないからです。
　
スマホのカメラとか概観とか、
そういうところで独自性を発揮するのは存分にやってもらいたいです。
　
でも、ブラウジングの仕様は統一して欲しい。
シェアの大きいデバイスほど、「右へ倣え」をして欲しいと思います。

解決方法

一番簡単なのは、入力フォームのフォントサイズをCSSを使って
一律16px（または16px以上のサイズ）に強制することです。

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea {
    font-size: 16px;
}

もちろん、関係ない場所に影響を及ぼさないために、
必要に応じて複合セレクタを使いましょう。

例）formタグの内側にある入力欄のみ16pxにする
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="number"],
form textarea {
    font-size: 16px;
}