Generador de Media Queries CSS
Genera media queries CSS para diseño responsivo. Elige preajustes para móvil, tablet, escritorio, modo oscuro y más. Código CSS listo para copiar. 100% en tu navegador.
Referencia
¿Qué son las media queries?
Las media queries de CSS permiten aplicar estilos según las características del dispositivo o ventana del navegador, como el ancho de pantalla, la orientación, el esquema de color preferido o la preferencia de movimiento reducido. Son la base del diseño responsivo.
Características principales
min-width / max-width — breakpoints basados en el ancho de la ventana. prefers-color-scheme — detecta modo claro u oscuro del sistema. prefers-reduced-motion — respeta la preferencia de accesibilidad del usuario. orientation — horizontal o vertical. print — estilos específicos para impresión.
Privacidad
Todo el procesamiento se ejecuta 100% en tu navegador. No se envían datos a ningún servidor.