Css tips and tricks
3.364 visualizzazioni
CSS specifici per mobile e Ipad
14/10/2011Con 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"