disign.it | CSS specifici per mobile e Ipad | a digital sign for a best design!
A digital sign for a best design
Css tips and tricks 2.295 visualizzazioni

CSS specifici per mobile e Ipad

14/10/2011

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"

← Recupero file cancellati o hard disk crashati PHP: costruire un feed per il proprio blog →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.