Conhecimentos em Design Responsivo com Media Queries

Áudio automático ativado: as próximas questões serão lidas ao clicar em Continuar.

1. 1

   O que é uma Media Query?

   A Uma técnica para otimizar o SEO. B Uma técnica CSS para aplicar estilos com base nas características do dispositivo. C Uma forma de armazenar dados no navegador.
2. 2

   Qual propriedade CSS é geralmente mais relevante ao usar media queries para design responsivo?

   A z-index B color C width
3. 3

   Qual é a estrutura correta de uma Media Query?

   A @media (max-width: 700px) { /* estilos */ } B @media 700px { /* estilos */ } C @query media (max-width: 700px) { /* estilos */ }
4. 4

   Quais são os possíveis valores de um breakpoint em design responsivo?

   A Qualquer unidade de tempo. B Qualquer unidade de medida, como pixels ou ems. C Apenas cores, como hexadecimal.
5. 5

   Como garantir que um site seja responsivo em diferentes dispositivos?

   A Utilizando media queries para ajustar estilos baseados em dispositivos. B Usando inline CSS apenas. C Apenas usando JavaScript para manipular DOM.
6. 6

   Qual atributo na tag <b><meta>.</b> é utilizado para garantir compatibilidade responsiva?

   A http-equiv B viewport C rel
7. 7

   Para qual aspecto os media queries são mais utilizados no design responsivo?

   A Compatibilidade de navegadores. B Animações CSS. C Ajustar layout e estilo com base em largura da tela.
8. 8

   Qual é a principal finalidade do Viewport no HTML?

   A Controlar como o site é visualizado em diferentes dispositivos. B Comprar espaço de armazenamento para o site. C Encriptar dados enviados pelo site.
9. 9

   Qual das seguintes media features NÃO pode ser usada em uma media query?

   A orientation B resolution C background-color
10. 10

    O que significam os valores 'min-width' e 'max-width' em uma media query?

    A 'min-width' aplica estilos quando o dispositivo é maior que este valor, e 'max-width' quando é menor. B Ambos se referem ao tamanho do texto. C Controlam a opacidade das imagens.