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