iPhone input zoom fix – works on iOS9

Written by

in

/* prevent iphone from zooming in when filling out a form, like login or application */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input,
  input:focus,
  input:hover {
    font-size: 16px !important;
  }
}

Comments

2 responses to “iPhone input zoom fix – works on iOS9”

November 14, 2016

Akkis

Unfortunately it does not work on iOS 10… BTW thank you!
PS. It works only with 16px value. Nothing else 🙁
February 22, 2017

Darryl Young

It should work with 16px or larger. iOS, by default, will zoom on inputs when the font size is < 16px to maintain legibility.

Leave a Reply

More posts