Questão FC546379
No desenvolvimento de um formulário eletrônico para cadastro de contribuintes, a equipe de TI precisava garantir que os campos de entrada se ajustassem automaticamente às proporçõe
Desenvolvimento Web
FCC · 2025
No desenvolvimento de um formulário eletrônico para cadastro de contribuintes, a equipe de TI precisava garantir que os campos de entrada se ajustassem automaticamente às proporções ideais em telas de diferentes tamanhos, sem depender exclusivamente de media queries. Eles optaram por uma propriedade CSS3 usada atualmente que define a relação entre largura e altura dos elementos, que é a propriedade
- flex-clamp
- object-fit
- flex-grow
- flex-inset
- aspect-ratio
Mostrar resposta e comentário
Gabarito
Errado
Comentário do professor
aspect-ratio é a propriedade CSS que define a relação entre largura e altura de um elemento, garantindo que ele mantenha uma proporção estável mesmo quando o tamanho da caixa muda.
Pode ser declarada com um número ou fração, por exemplo aspect-ratio: 16 / 9; que equivale a \( \frac{16}{9} \). O navegador usa esse valor para calcular a dimensão faltante quando apenas uma das medidas (largura ou altura) é definida.
Funciona bem com elementos substituídos e com caixas normais, preservando proporções em layouts responsivos sem depender exclusivamente de media queries.
Se houver restrições como min-/max-width ou min-/max-height, a relação será aplicada respeitando esses limites, oferecendo controle previsível sobre o comportamento visual.
Conteúdo do catálogo FC Concursos · Atualizado em