I was experiencing an issue where Safari on iOS iphone would zoom in on text fields as shown in the image below.

The fix was found on Stackoverflow’s “Disable Auto Zoom in Input “Text” tag – Safari on iPhone” article as well as on Warren Chandler’s “Preventing iPhone From Zooming” article.
Put simply, you either need to update your css so that the text size is greater than 16px AND the “select:focus” is set to 16px:
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
font-size: 16px;
}
OR update the header meta tag so it disallows the zoom entirely:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
Afterward, the textfields no longer zoom in:

Is this helpful?
More posts from themightymo.com
iPhone Safari iOS Zoom on Text Field
Sometimes iPhone iOS Safari zooms in on text fields unexpectedly – here’s how to disable that zoom effect.
How to fix the “include_once” warning when migrating WordPress site away from Flywheel
After migrating away from Flywheel this morning, I received this error: Warning: include_once(…): failed to open stream: No such file or directory in … on line 292. The simple way to fix this is to edit the wp-settings.php file on the server and delete line #292. That’s it!
How to Unzip .bz2 File via Command Line
To unzip a .bz2 file via the command line, “cd” to the directory, then type: That’s it!