Currently I’m working on a site that is expected to work fine on iPhone devices. Obviously I knew that I had to dig up meta tags for iPhone site for Safari on the iPhone devices.
Found this and here are the list of it:
- <meta name=”apple-mobile-web-app-capable” content=”yes”> : sets whether a web application runs in full-screen mode. (refer to the documentation for the potential values)
- <meta name=”apple-mobile-web-app-status-bar-style” content=”black”> : Sets the style of the status bar for a web application. (refer to the documentation for the potential values)
- <meta name=”format-detection” content=”telephone=no”> : Enables or disables automatic detection of possible phone numbers in a webpage in Safari on iOS.
- <meta name = “viewport” content = “width = 320,
initial-scale = 2.3, user-scalable = no”> : Changes the logical window size used when displaying a page on iOS.
Mostly I was using viewport. 🙂