¿Qué significa media query?
Significado en Desarrollo web, traducción al español y ejemplos
media query: consulta de medios, media query
Regla CSS que aplica estilos solo cuando se cumple una condición, como un ancho mínimo de pantalla, el modo oscuro o la impresión.
Cómo se usa
Se escribe con @media, por ejemplo @media (min-width: 768px). Las consultas de medios son la herramienta principal del diseño adaptable; se escriben y ajustan para cada punto de ruptura.
Frases de ejemplo
Add a media query so the sidebar moves under the content on mobile.
Añade una consulta de medios para que la barra lateral pase debajo del contenido en móviles.
La condición de pantalla pequeña cambia la posición de la barra lateral.
This media query switches the colors when the user prefers dark mode.
Esta consulta de medios cambia los colores cuando el usuario prefiere el modo oscuro.
La preferencia del sistema activa una paleta distinta.
Combinaciones frecuentes
- write a media query
- min-width media query
- print media query
- prefers-color-scheme
Términos relacionados
Esta palabra en otras especialidades
Una misma palabra en inglés puede tener un significado diferente según la especialidad:
Más términos: CSS y maquetación
Practica con lecturas adaptadas a tu nivel
Leer textos de tu nivel te ayuda a recordar las palabras nuevas. Elige libros gratuitos en inglés: