[martine]

Ett enkelt svar är att du använder media-typer i css, t.ex.:
<link rel="stylesheet" media="handheld" href="smallscreen.css" type="text/css"/>

Men hur väl detta fungerar kan jag inte svara på eftersom jag inte har någon egen erfarenhet av det. Tydligen ska inte iPhone reagera på detta men i dessa fall går det antagligen att använda:
@media all and (max-width: 500px) {
/* regler */
}
(Detta skulle också göra att det vore möjligt att ha olika css för liggande och stående format i iPhone exempelvis - såvitt allt fungerar som tänkt.)

Annars är nog det bästa tipset att tänka på att mobiler är väldigt olika - det gäller att testa alltså!

För lite mer tips, kika på:
http://www.howtocreate.co.uk/tutorials/css/mediatypes