Media Queries es un modulo para CSS3 que permite adaptar los contenidos a distintos formatos de dispositivos y que se convirtió en standard para la W3C en Junio de 2012

Esta condición para CSS3 nos permite adaptar el tamaño de una fuente o hacer que una imagen nos aparezca en determinados tamaños de interfaces

Esto hace que los media-queries sean muy importantes a la hora de desarrollar un proyecto que contempla un diseño adaptativo o responsive web design

Tenemos que destacar que la característica mas utilizada es width

Las resoluciones mas utilizadas son:

• Smartphone: 320px
• Tablet: 768px
• Notebook 1024px
• Desktop 1600px