Qual propriedade de elementos CSS DIV deve ser utilizada pa...

Gabarito: B - max-width

A questão aborda um conceito essencial do design responsivo em CSS, que é a capacidade de um elemento se adaptar ao tamanho da tela do dispositivo no qual o site está sendo exibido. O design responsivo é fundamental para garantir que um site mantenha sua usabilidade e apresentação em uma variedade de dispositivos, como smartphones, tablets e desktops.

Para resolver esta questão, é necessário compreender o funcionamento das propriedades de largura em CSS, especialmente width e max-width. A propriedade width define a largura fixa de um elemento, enquanto a propriedade max-width determina a largura máxima que um elemento pode ter.

A alternativa correta é a B, que menciona a propriedade max-width. O motivo de essa alternativa ser a correta está no fato de que max-width permite que o elemento DIV tenha uma largura máxima definida, mas possa encolher se a janela do navegador for menor do que essa largura máxima. Isso significa que o elemento DIV se ajustará até o ponto especificado pela propriedade max-width, mas não será maior do que esse valor, permitindo assim uma largura "dinâmica" ou responsiva.

Portanto, ao usar max-width, você está definindo uma restrição de largura superior, mas permitindo que o elemento se comprima em janelas menores, evitando que o conteúdo ultrapasse os limites da janela e mantendo a acessibilidade e a estética do layout em diferentes tamanhos de tela.