1) Para que servem as media queries no CSS? a) Para criar animações CSS b) Para aplicar estilos diferentes dependendo do tamanho ou características do dispositivo c) Para reduzir o tamanho de imagens automaticamente d) Para criar temas personalizados manualmente 2) Quais são duas formas de usar media queries? a) Em arquivos externos e internos b) Dentro de funções e classes c) No próprio CSS com @media e dentro de um link <link> usando atrib. media="" d) No HTML e no SQL 3) O que são breakpoints? a) Linhas de código CSS que quebram a página b) Pontos de largura/altura usados para mudar o layout conforme o dispositivo c) Um comando JavaScript para debugar CSS d) Modos automáticos do navegador 4) Qual é um exemplo de breakpoint muito usado? a) 32px b) 100px c) 600px d) 9999px 5) Sobre breakpoints, qual prática é recomendada? a) Usar dezenas de breakpoints diferentes para cobrir todos os aparelhos b) Copiar breakpoints de outro site sem testar c) Usar poucos breakpoints estratégicos baseados no design e no conteúdo d) Nunca usar breakpoints 6) Devemos usar media queries em todo projeto? a) Sim, absolutamente sempre b) Não, só se o layout realmente precisar mudar em determinadas larguras c) Apenas em projetos grandes d) Apenas em apps de celular 7) Qual é uma vantagem de usar media queries no layout responsivo? a) Permitem que o CSS rode mais rápido b) Permitem ajustar o design para diferentes tamanhos de tela c) Eliminam a necessidade de usar flexbox e grid d) Substituem completamente o JavaScript 8) Qual das opções é um media feature comum usada em media queries? a) background-clip b) min-runtime c) min-width d) object-fit 9) Qual operador é usado para combinar condições em media queries? a) and b) plus c) then d) join 10) Quando não é necessário usar media queries? a) Quando o layout já se adapta bem usando flexbox e grid b) Quando você quer controlar orientação da tela c) Quando precisa construir modo claro e escuro d) Quando precisa definir estilos para telas grandes

Maneiras de usar as media queries - CSS

प्रिंट
एम्बेड

लीडरबोर्ड

दृश्य शैली

विकल्प

टेम्पलेट स्विच करें

ऑटो-सेव पुनःस्थापित करें: ?