AMPEDUPDESIGNS

CONSULTING CONCEPTS PERSONAL

A small blog.

Prevent iOS Zoom on Text Input Fields


Whenever a user clicks on a html input text field of a web page in iOS, Safari has an annoying little habit of zooming in (albeit slightly) while the soft keyboard comes up.  When a user dismissed the soft keyboard, the browser stays zoomed requiring the user to zoom-out again.  It seems like a slight overlook on Apple's part.   So how do you disable this behavior?

The "proper" way:

Prevent zooming all together by adding this meta tag to your head:  

<meta name="viewport" content="width=device-width ...
Read More ...
Tags:   Mobile Web  iOS  Zoom  Input