I'm not sure if any JS is need, but what resources do I need to create a iphone compatible site - so that when i view the site on my iphone it goes to an iphone version and fits on the screen? Thanks
Sort of answered part of my question, but not the CSS part: add in the head: <meta name=â€viewport†content=â€width=320,user-scalable=false†/> - Create a 57x57 PNG. - Name it "apple-touch-icon.png" - Put in the root folder of your website.
Yeah, they're similar to mobile site compatibility, essentially the difference is that it needs to be resized. Tho, many mobile phones have 3rd party browser hacks that eliminate this need. It just depends
Yep I think you're right. I think I could style a iphone compatible site now, but how could do I/the iphone automatically detect and present an iphone compatible page to the user? I saw a guy who has .com/iphone/ and then when viewing on an iphone this page is displayed.
do you mean a site that's valid and also fits on the page? if you do then you shoud simply go about the designing process as you normally would but use % instead of px or em when sizing div objects. iot's a lot easier if that's what you need help with
Good idea to use %'s. But how would the iphone detect it's custom page? Is there some special redirect code I need to use?
I don't understand the problem. I simply used the correct xhtml standards (strict dtd) and fixed width and my site showed up fine on an iphone (or at least somebody told me that). www.comh.com Isn't the iphone supposed to resize the screen when you tap an area? I don't think you need it to be perfectly sized when it first comes up because the iphone gives you the ability to resize easily. That's supposed to be the big advantage of it, right?
A quick googling of your problem gave me this page: http://www.askdavetaylor.com/detect_apple_iphone_user_web_site_server.html It sames to be a bit of javascript to detect the HTTP_USER_AGENT