Disable iPhone zoom on forms (and textareas) #112

Open
ndarville opened this Issue Mar 25, 2013 · 0 comments

Projects

None yet

1 participant

@ndarville
Owner

Previously.

It is possible that this is caused by the font-size, as its CSS differs on the iPhone from other viewports where no such issue exists. Try the two:

  • Comment out iPhone-specific CSS
  • Set font-size to 16px

This article suggests applying font-size: 16px; to :focus instead to prevent cosmetic changes to the forms and textareas like so:

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    font-size: 16px !important;
}
  • Set font-size on :focus to 16px
    • Still zooms in, but perhaps not as much.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment