レスポンシブなwebサイト作成時に、お問い合わせフォームなど、フォーム入力欄を使用する場合が多々あると思います。
そのようなフォーム入力を、iPhoneで（スマホ表示で）テストしていると、入力時にフォームが自動的に少しだけズームになってしまい、webサイトの幅が崩れてしまうという現象がありましたので、原因と対処法をメモ。
原因
フォーム要素のテキストサイズと、サイトのテキストサイズが合っていないため。
対処法
cssに以下を追加
input{
font-size:16px;
}iPhoneでフォーム入力時にサイトの幅がズレてしまう時の対処
- 2020年1月12日
- 2020年1月12日
- html/css
- 314view
- 0件