As per the apple documentation with web applications on view port
size[1] the meta tag can be found below and in the document linked.
The same document also has settings for the meta tag on how mobile
safari should display it's self, or not in this case. Finally the
document also has the answer for how to target CSS to the iPhone [3]
they recommend using these tags to target the iPhone.
Mobile Safari Meta Tag ViewPort:
<meta name = "viewport" content = "user-scalable=no, width=device-width">
Mobile Safari Meta Tags Safari Appearance:
<meta name="apple-mobile-web-app-capable" content="yes" />
AND
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
CSS:
<link media="only screen and (max-device-width: 480px)"
href="small-device.css" type= "text/css" rel="stylesheet">
OR
@media screen and (max-device-width: 480px) { ... }
[1] http://developer.apple.com/safari/library/documentation/AppleApplicat...
[2] http://developer.apple.com/safari/library/documentation/AppleApplicat...
[3] http://developer.apple.com/safari/library/documentation/AppleApplicat...
On Thu, Nov 5, 2009 at 12:31 AM, anmldr <anm
...@bellsouth.net> wrote:
> If you are creating hybrid apps, what meta tags do you use in your
> HTML pages?
> For example:
> <meta name="apple-mobile-web-app-capable" content="yes"> ?
> <meta name = "viewport" content = "width = ..... ?
> Others?
> Linda
--
Thank you for your time,
Lt. Mark 'Dygear' Tomlin (2922);
|
