Disable iPhone zoom on forms (and textareas)

[ndarville]

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;
}

• [x] Set font-size on :focus to 16px
  • Still zooms in, but perhaps not as much.