Qual do seguinte código permite dotar de responsividade um site web?
Resolução completa
Alternativa B
A alternativa correta é a que contém a tag <meta name="viewport"...>.
Para entender a resposta, precisamos definir o que é responsividade no contexto de desenvolvimento web.
Um site responsivo é aquele que se adapta automaticamente ao tamanho da tela do dispositivo do usuário (seja um computador, tablet ou smartphone), ajustando o layout, tamanhos de fonte e imagens para garantir uma boa experiência de leitura.
A tag <meta name="viewport"> é o componente fundamental para ativar a responsividade em dispositivos móveis.
content="width=device-width"): Você instrui o navegador para usar a largura real da tela do dispositivo como referência. Assim, o site é renderizado na escala correta, permitindo que o CSS (Media Queries, unidades relativas, etc.) funcione conforme o esperado.| Código | Função Principal | Impacto na Responsividade |
|---|---|---|
<meta name="viewport"> | Configuração da viewport | Essencial. Garante que a tela seja interpretada corretamente pelo navegador móvel. |
display: flex | Modelo de Layout | Auxilia no ajuste de elementos, mas sem a viewport, o layout pode não escalar. |
flex: 1 | Propriedade de Flexbox | Controla o crescimento de itens dentro de um container flexível. |
width: 100% | Largura do elemento | Define largura relativa, mas não controla a escala inicial da página. |
margin: 0 auto | Centralização | Centraliza blocos de conteúdo, útil para desktop, mas não cria responsividade. |
Embora tecnologias como Flexbox (display: flex) sejam ferramentas poderosas para criar layouts flexíveis, elas dependem da configuração correta da Viewport para funcionar adequadamente em dispositivos móveis. Portanto, a tag meta viewport é a base que "dota" o site de responsividade.
Tem outra questão para resolver?
Resolver agora com IAAlém de fornecer diversas opções de rede padrão, o Android oferece diversas APIs para permitir que nossa APP se conecte e interaja com outros dispositivos, fazendo uso de...
Os dispositivos móveis mantêm basicamente as mesmas características de um sistema computacional desktop, porém apresentam características de construção e de operação bastante...
O desenvolvimento de APPs Android é feito por meio de um kit de desenvolvimento específico (SDK – Software Development Kit), o qual contempla as bibliotecas e as ferramentas...
Sobre os componentes das APPs do Android, avalie as seguintes afirmações: Os Resources são elementos externos, como sequências de caracteres, constantes e imagens ou desenhos....
O sistema operacional de um software elementar que faz com que ele funcione. Tem finalidade de controlar os circuitos e componentes de hardware do dispositivo para que...
Cole o enunciado, tire uma foto ou descreva o problema — a IA resolve com explicação completa em segundos.