WebProNews

I recommend against detecting the screen size, there are much better approaches to building iPhone apps.

For instance, just adding a viewport of 720 can make a big difference over the iPhone's default 980.

Lately I've been enamored of the viewport as it renders so well in both landscape and portrait, flows well, and works well for web pages that don't have columns wider then 480 columns or requiring page wider then 720.

If you need to detect the iPhone, first try to make what you need through CSS3 media queries (examples in www.iPhoneWebDev.com list discussions, final 'best practices' to be released soon). If that doesn't work, then user agent detection is best.

You definitely should check out the www.iPhoneWebDev.com community for solutions to a number of problems in creating web pages and webapps for the iPhone.

For instance, we've figured out the best way to hide the URL bar -- see http://groups.google.com/group/iphonewebdev/browse_thread/thread/c064b18...

We have figured out how best to detect orientation change and change UI for landscape vs portrait -- http://groups.google.com/group/iphonewebdev/browse_thread/thread/e041ae0...

A lot of discussion about best practices re: viewport --
http://groups.google.com/group/iphonewebdev/browse_thread/thread/f43493a...

Dealing with various problems of scaling -- http://groups.google.com/group/iphonewebdev/browse_thread/thread/b09a202...

We are figuring out how to create objects that drag using two-finger drag -- http://groups.google.com/group/iphonewebdev/browse_thread/thread/991a047...

Come join us helping iPhone developers help iPhone developers!