in Frontend Tech, Tips

meta tags for iphone site

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. 🙂