iPhoneでフォーム入力時にサイトの幅がズレてしまう時の対処

レスポンシブなwebサイト作成時に、お問い合わせフォームなど、フォーム入力欄を使用する場合が多々あると思います。
そのようなフォーム入力を、iPhoneで（スマホ表示で）テストしていると、入力時にフォームが自動的に少しだけズームになってしまい、webサイトの幅が崩れてしまうという現象がありましたので、原因と対処法をメモ。

原因

フォーム要素のテキストサイズと、サイトのテキストサイズが合っていないため。

対処法

cssに以下を追加

input{
font-size:16px;
}