O design responsivo busca melhorar a experiência dos usuário...
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Alternativa correta: A - o Ems (em) é uma unidade escalável, usada para dimensionar a fonte, devendo-se considerar que 1 em é igual ao tamanho atual da fonte do elemento-pai.
Neste contexto, o design responsivo é uma abordagem de web design que visa ajustar a apresentação do conteúdo de um site para que ele se adapte aos diferentes tamanhos de tela e resoluções. Isso é essencial para proporcionar uma boa experiência de usuário em uma variedade de dispositivos, desde desktops até smartphones e tablets.
Para criar um design responsivo, os desenvolvedores utilizam uma série de técnicas, incluindo o uso de medidas escaláveis para tamanhos de fontes, larguras de elementos, entre outros. Medidas escaláveis são aquelas que se adaptam de acordo com as características do dispositivo de visualização, como o tamanho da tela e a resolução.
A alternativa A é correta porque em é, de fato, uma unidade de medida escalável utilizada no CSS para especificar tamanhos de fontes, espaçamentos, e outras propriedades de layout. Quando você define um tamanho de fonte em em, você está definindo o tamanho em relação ao tamanho de fonte do elemento-pai. Por exemplo, se o tamanho de fonte do elemento-pai for 16px, então 1em será igual a 16px. Se você utilizar 2em, isso se traduzirá em 32px, e assim por diante. Isso torna o em particularmente útil para o design responsivo, pois permite que o tamanho dos elementos se ajuste de acordo com o fluxo do conteúdo e o tamanho da fonte herdada.
As outras alternativas são incorretas por não representarem medidas escaláveis de forma correta. A porcentagem (%) é de fato uma medida relativa, mas ela não se baseia no tamanho da fonte atual para todas as propriedades. O ponto (point) é uma unidade de medida tipicamente usada em design gráfico para impressão, não sendo escalável no contexto do design para web. Já o pixel (px) é uma unidade de medida baseada na resolução da tela, mas não é considerada escalável pois representa um ponto fixo na tela, não se ajustando de forma relativa conforme o tamanho do dispositivo ou resolução.
Compreender essas medidas é crucial para qualquer desenvolvedor que deseja criar interfaces que funcionem bem em qualquer dispositivo. Por isso, no âmbito dos concursos públicos voltados para Desenvolvimento Mobile, é importante ter um bom domínio sobre o design responsivo e suas práticas.
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
Banheiras? kkk
Ems (em)
É escalável uma unidade que é utilizada em meios documento da web . Um em é igual ao font-size atual, por exemplo, se o tamanho da fonte do documento é 12pt , 1em é igual a 12pt . Ems são escaláveis na natureza, assim 2em seria igual 24pt , .5em seria igual 6pt , etc.
Pixels (px)
Os pixels são unidades que são utilizados em meios de tela de tamanho fixo (isto é, para ser lida no ecrã do computador). Um pixel é igual a um ponto na tela do computador (a menor divisão da resolução do seu ecrã). Muitos web designers usam unidades de pixel em documentos da web , a fim de produzir uma representação pixel-perfeito de seu site como ele é processado no navegador. Um problema com a unidade de pixels é que ele não escala para cima para leitores com deficiências visuais ou para baixo para ajustar dispositivos móveis.
Points (pt)
Os pontos são tradicionalmente utilizados em meios de impressão (tudo o que é para ser impresso em papel , etc.). Um ponto é igual a 1/72 de polegada. Pontos são bem como pixels , na medida em que são unidades de tamanho fixo e não pode ser dimensionado em tamanho.
Percent (%)
A unidade cento é muito parecido com a unidade "em", salvo algumas diferenças fundamentais. Em primeiro lugar, o font-size atual é igual a 100% (ou seja, 12pt = 100%) . Enquanto estiver usando o aparelho por cento, o texto permanece totalmente escalável para dispositivos móveis e para a acessibilidade.
Fonte:
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo