iPhone and the meta viewport tag

If you want your content to look perfect on an iPhone you must use the viewport meta tag. Without it, your page may look like thumbnail. I had not heard of this tag until now. But it does the trick.


<meta name="viewport" content="width=320, user-scalable=yes">

Add this tag to the head section of the HTML page. If you set user-scalable to no, then your users wont be able to zoom in or out, so it is friendly to set it to yes (unless you are writing a page that is not meant to be zoomed in).

Like this:

Be the first to like this post.

This entry was posted on October 3, 2007 at 1:06 am and is filed under iPhone, Programming. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

4 Responses to “iPhone and the meta viewport tag”

Marc Says:
February 14, 2010 at 2:44 pm | Reply
Thanks. Just doing my first attempt at a mobile web site site and that was helpful.
William Harry Says:
May 17, 2010 at 2:47 am | Reply
Intresting post, i really enjoyed reading it.
Slavi Says:
June 7, 2010 at 4:18 pm | Reply
I think the tag should be closed as:
Slavi Says:
June 7, 2010 at 4:22 pm | Reply
my tag didn’t show up but there has to be a slash before the closing >

n o t e 1 9 . c o m