Igor Simic
4 years ago

How to fix zoom in on input field on mobile devices


In order to stop mobile browser to zoom in on focus on input field we just have to change font size for input field. The reason why mobile browser is zooming in is to make text larger so that user can read it. So if you set input font large enough then there will be no need to zoom :)

input {
  font-size: 20px !important; 
  }
In my example i set it up to 20px, but you can play with this value to see which is the lowest value that you can go. 

NOTE: you should use em not pixel