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.

Pero… ¿qué es eso de responsive? ¿Y por qué lo necesito? En los últimos años, la manera de acceder a Internet a cambiado: unos usuarios optan por pantallas táctiles y más pequeñas, que consultan a diario (incluso mientras viajan o comen), mientras que otros acceden a la información mediante enormes pantallas de televisión, monitores de […]

/* 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 […]