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
How to fix the “Warning: Class ‘Automattic\WooCommerce\StoreApi\Routes” issue in WordPress + WooCommerce
Today when I visited a customer’s website, I saw an error similar to this: etc. After trying all sorts of troubleshooting, the solution ended up being simple. Download a fresh copy of WooCommerce from WordPress.org and FTP it up to the server, replacing the existing WooCommerce files. Problem solved. Isn’t that nice? Many thanks to…
How to CSS rainbow text
Here’s a bit of plain CSS that’ll create rainbow text on your WordPress site or anywhere, really.
How to Restore a Deleted Amazon S3 Bucket
I ran into a rather serious issue recently: a human on my team (me) intentionally (but accidentally) deleted an Amazon S3 bucket that was serving files to a WordPress site. The solution to the problem follows: Cry when you realize you cannot restore a deleted S3 bucket. Search your computer, your co-workers’ computers, your former…