iPhone dev notes

webkit css

Make your site fit in the iPhone screen (Meta tag in <head> section)

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

Disable font-size adjustments when in landscape mode (Css attribute)

* { -webkit-text-size-adjust: none; }

Serving iPhone specific CSS

HTML

<link media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" rel="stylesheet" />

CSS

@media only screen and (max-device-width: 480px) { ... }