1) O que significa uma imagem responsiva? a) Uma imagem que ajusta seu tamanho automaticamente sem distorcer b) Uma imagem que muda de cor conforme o tema do site c) Uma imagem que só funciona em telas grandes d) Uma imagem que precisa de media queries para ser exibida 2) Qual é a regra CSS mais comum para tornar imagens responsivas? a) img { width: auto; height: 100%; } b) img { object-fit: contain; } c) img { max-width: 100%; height: auto; } d) img { display: block; } 3) Para que serve o object-fit: cover em imagens? a) Para esticar a imagem b) Para a imagem preencher o espaço mesmo cortando um pouco c) Para a imagem ficar pixelada d) Para criar um filtro automático 4) O que é tipografia responsiva? a) Texto que muda de fonte quando carrega b) Texto que aumenta ou diminui conforme o tamanho da tela c) Texto que só funciona em celular d) Texto que gira quando o usuário clica 5) Qual unidade é mais recomendada para tornar fontes responsivas? a) px b) cm c) inch d) rem ou em 6) O que o clamp() faz em tipografias responsivas? a) Deixa o texto em negrito b) Define um tamanho fixo de fonte c) Define um valor mínimo, ideal e máximo que se adapta automaticamente d) Impede o texto de crescer 7) Quando usar media queries para tipografia? a) Sempre, sem exceção b) Apenas quando clamp(), rem e unidades relativas não forem suficientes c) Em todos os parágrafos d) Quando quiser diminuir a imagem 8) Qual combinação cria o pacote completo de responsividade? a) px + imagens fixas b) object-fit: none + fontes em px c) vh para tudo d) rem + vw + clamp() + max-width: 100% 9) O que acontece se não usarmos imagens responsivas em sites? a) Nada, tudo continua igual b) O site carrega mais rápido c) As imagens podem quebrar o layout em telas pequenas d) O texto deixa de funcionar 10) Qual vantagem principal das tipografias responsivas? a) Deixar tudo mais colorido b) Melhorar a leitura em qualquer dispositivo c) Fazer o site ficar mais pesado d) Deixar o layout estático

Imagens e Tipografias Responsivas - CSS

列印
嵌入

排行榜

視覺風格

選項

切換範本

恢復自動保存: ?