Via Edit [1], mi segno il metodo più semplice per specificare fogli di stile ad hoc per IPhone ed IPad:
<link rel="stylesheet" media="all and (max-device-width: 480px)" href="iphone.css" type="text/css" />
<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" href="ipad-portrait.css" type="text/css" />
<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" href="ipad-landscape.css" type="text/css" />
Gli altri browser non sapendo gestire questo tipo di stringa in media, non lo interpreteranno.