No desenvolvimento de sites responsivos, a tag que d...
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Resposta Correta: E - <viewport>
Quando falamos sobre desenvolvimento de sites responsivos, estamos nos referindo à capacidade de um site se adaptar a diferentes tamanhos de tela e dispositivos, garantindo uma boa experiência para o usuário, independentemente do aparelho que esteja utilizando para acessar o conteúdo.
O termo <viewport> é fundamental nesse contexto. Ele refere-se à área da janela do navegador que está visível ao usuário, ou seja, a parte do site que é exibida na tela sem a necessidade de rolar a página. Em dispositivos móveis, o <viewport> é especialmente importante porque as telas têm tamanhos diferentes e o conteúdo precisa ser renderizado de forma eficaz para proporcionar uma navegação adequada.
Na prática, a metatag <meta name="viewport"> é usada no HTML para controlar o layout em diferentes dispositivos. Com ela, podemos definir parâmetros como a largura do <viewport>, o nível inicial de zoom e se a escala é ajustável ou não pelo usuário.
Essa metatag é crucial para a criação de um design responsivo, pois permite que os desenvolvedores configurem o <viewport> para assegurar que o conteúdo seja exibido corretamente em qualquer dispositivo, contribuindo assim para a acessibilidade e a usabilidade do site.
Por isso, a alternativa correta é a letra E, que menciona a palavra <viewport>, destacando o conceito central para a questão do desenvolvimento de sites responsivos e a importância de entender como o conteúdo é exibido nos diversos dispositivos utilizados atualmente.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
O viewport é a área onde seu website aparece. É a área que você se preocupa se o vai ou não caber na hora da criação. O tamanho do viewport depende muito da resolução, tamanho do monitor e dispositivo utilizado.
e-
The viewport is the user's visible area of a web page.
The viewport varies with the device, and will be smaller on a mobile phone than on a computer screen.
https://www.w3schools.com/css/css_rwd_viewport.asp
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo