glossárioCSS
$cat~/glossario/media-query.md
Media Query
CSS
Condição @media para estilos responsivos por viewport ou recurso.
seção
Explicação
Media Query — Condição @media para estilos responsivos por viewport ou recurso.
@media condition apply styles — width, prefers-color-scheme, prefers-reduced-motion.
Mobile-first min-width breakpoints.
seção
Exemplo
@media (min-width: 768px) { .sidebar { display: block; }}seção
Modo de uso
Responsive layout
Dark mode media
Print stylesheet
seção
Armadilhas comuns
Too many breakpoints arbitrary
px vs rem consistency
seção
Termos relacionados
$cd~/glossario/relacionados
Mais em CSS
Outros termos da mesma categoria para revisão em sequência.