Have you ever experienced the screen zooming in when tapping an input field in a mobile web browser?
1. Enable Auto Zoom
This usually happens in iOS browsers and is caused by the font size of the input field being too small.
iOS is programmed to automatically zoom in when the font size of an input field is 15px or smaller.
2. Disable Auto Zoom
Fortunately, the solution is very simple: just set the font size of the input fields to 16px or larger.
You can apply it in your CSS like this:
input { font-size: 16px; }
If you want a more specific rule, you can write it like this:
input[type="text"], input[type="search"], textarea { font-size: 16px; }
