Hi James, You need to ensure it fits to the iPhone viewport using the following in your html page:
<meta name="viewport" content="width=device-width" />
There are some pretty comprehensive instructions for developing web apps for the iPhone at http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWe bContent/UsingtheViewport/UsingtheViewport.html and related pages.
Thank you - this is perfect!
I learn something new every day (A good thing!).
I'm still reading all the pages and they are quite informative - especially for someone's first foray into designing specifically for smart-phones!
I'm going to find out what else I need for other brands of smart-phones next.
If you have a minute, can you tell me if I need to set a tag for other brands as well?
Again, thank you for the perfect answer!
Glad to hear that was what you were after! The viewport tag applies to all browsers, but there is a similar set of online docs for Android at http://developer.android.com/guide/webapps/best-practices.html if you're looking for anything else. Good luck!