Life as Clay

Things that shouldn’t disappear from the web: How to prevent iOS Safari from zooming in on elements on the page…

leave a comment »

Jesse Skinner posted back in 2007 about how to prevent the iPhone browser from zooming in on page controls. His solution was to add this code to the <head></head>.

<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>

That works. Here’s another possibility that may be more flexible:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

This is what the Internet is for… avoiding the hours that it used to take to solve mundane problems. Thanks, Jesse!


Written by Clay

December 1, 2011 at 12:15

Posted in Code

Tagged with ,

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: