css3_logo

CSS responsivo: usos de @media

Adición de código CSS para implementar diseño responsivo.
Se recomienta leer:  http://www.desarrolloweb.com/articulos/regla-media-css.html
Fuente: http://www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=CSS3MediaQueries

Este código a añadir establecerá las directivas de diseño según el tamaño de la pantalla, y los siguientes fragmentos se refieren a algunos de los tamaños de pantalla más utilizados hasta la fecha.

[…]

css3_logo

Recurso CSS: web responsive

/* Smartphones (portrait y landscape) */ @media only screen and (min-device-width:320px) and (max-device-width:480px){ /* Estilos */ } /* Smartphones (landscape) */ @media only screen and (min-width:321px){ /* Estilos */ } /* Smartphones (portrait) */ @media only screen and (max-width:320px){ /* Estilos */ } /* iPads (portrait y landscape) */ @media only screen and (min-device-width:768px) and[…]