CSS Tutorials

HTML & CSS – Prevent iPhone IOS Input Zoom

Prevent IOS input zoom – The struggle is real for UI/UX designers and developers to consider a number of platforms in development. It’s really quite annoying to have a function working on another and then ends messed up on one end. The most recent experience I had was doing a mobile version of a project ¬†where in input text boxes were involved. iPhone’s IOS seems to zoom in on text fields as I focus on it to type in. Fortunately, after some minutes of research online, I found a solution.

So the nifty trick to prevent input zoom on IOS was, to set the input field’s font size to 16px or greater. That easy.

So how was it? Hope this helps!

Share and Enjoy

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS
The following two tabs change content below.
Mark Vincent del Rosario
Mark is passionate for arts. Dance,design and illustration are just some of the things he enjoys doing. He is currently working as a Web Programmer,but his desire to be creative will always be something at heart.
Mark Vincent del Rosario

Latest posts by Mark Vincent del Rosario (see all)