CSS specifici per mobile e Ipad

Con CSS3 possiamo impostare diversi stili adeguati alla dimensione del device che visualizzerà i contenuti utilizzando una sintassi semplice e molto intuitiva, ecco un esempio:

@media only screen and (device-width: 768px)
regole per Ipad

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)
regole per mobile orientamento ritratto

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)
regole per mobile orientamento paesaggio

e se vogliamo distinguere l'orientamento per Ipad:
link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"
link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css"