drenzzo
6/29/2015 - 10:35 AM

Media Queries para responsive. Primer archivo Principio bottom-up (De movil a escritorio), Segundo archivo principio top-bottom (De escritor

Media Queries para responsive. Primer archivo Principio bottom-up (De movil a escritorio), Segundo archivo principio top-bottom (De escritorio a movil) http://librosweb.es/foro/pregunta/184/medidas-recomendadas-para-los-media-queries-de-css/

media_queries_top-bottom.css
content_copyfile_download
/* ESTILOS NORMALES (para escritorios muy grandes)
   ========================================================================= /
 
body { ... }
p    { ... }
 
/ RESPONSIVE
   ========================================================================= /
 
/ Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- /
@media (min-width: 768px) and (max-width: 1199px) { ... }
 
/ Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- /
@media (max-width: 767px) { ... }
 
/ Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) { ... }
media_queries_bottom-up.css
content_copyfile_download
/* ESTILOS NORMALES (para móviles en vertical)
   ========================================================================= /
 
body { ... }
p    { ... }
 
/ RESPONSIVE
   ========================================================================= /
 
/ Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- /
@media (min-width: 768px) { }
 
/ Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- /
@media (min-width: 1024px) { }
 
/ Escritorios muy anchos
   ------------------------------------------------------------------------- */
@media (min-width: 1200px) { }