Good article on this here: https://thingsthemselves.com/no-input-zoom-in-safari-on-iphone-the-pixel-perfect-way/

/*Solve issue of safari on iphone zooming in on text boxes when selected*/
/*It does this if text size < 16px, so to cure we'll just set all to 16px*/
.my_form_my_info input[type=text], .my_form_my_info input[type=number], .my_form_my_info select, .my_form_my_info textarea {
  font-size: 16px;
}
.my_form_setting input[type=text], .my_form_setting input[type=number], .my_form_setting select, .my_form_setting textarea {
  font-size: 16px;
}
Feel free to comment if you can add help to this page or point out issues and solutions you have found. I do not provide support on this site, if you need help with a problem head over to stack overflow.

Comments

Your email address will not be published. Required fields are marked *