Why is this page zoomed out?

[GFLPraxis]

So I was messing around and tried to shrink my Nintendo Games Database to fit on an iPhone's screen. I got it working, and it looks great in iphonetester.com on Safari 3 Beta...

But when I get people to look at it on the iPhone, they report that it shows up zoomed out and they have to zoom in to see it. That's, obviously, inconvenient. Can anyone guess as to why it is doing that?

http://www.nintendoplayers.com/iphone.php

Thanks!

 

[FreeState]

So I was messing around and tried to shrink my Nintendo Games Database to fit on an iPhone's screen. I got it working, and it looks great in iphonetester.com on Safari 3 Beta...

But when I get people to look at it on the iPhone, they report that it shows up zoomed out and they have to zoom in to see it. That's, obviously, inconvenient. Can anyone guess as to why it is doing that?

http://www.nintendoplayers.com/iphone.php

Thanks!

you need to add this to the header:

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

You can change the user-scalable to = yes if you want. That would make it so iPhone's can zoom in to sections of your design (in your case they could zoom into the cells of the table you are using), with it saying "no" your design will fill the screen of the iPhone by default and will not be zoom-able.


For a lot more simple references check out Apples iPhone developer page: http://developer.apple.com/iphone/designingcontent.html

 

[GFLPraxis]

Thanks, man, you rule

Does http://www.nintendoplayers.com/igames.php?&letter=L look better? The links should all work now, too.