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

Próximas questões
Com base no mesmo assunto
Q813175
Programação CSS (Cascading Style Sheets) ,
Ano: 2017 Banca: FEPESE Órgão: JUCESC Prova: FEPESE - 2017 - JUCESC - Analista de Informática |
Q813175 Programação
Qual propriedade de elementos CSS DIV deve ser utilizada para que um objeto DIV tenha uma largura que funcione, na prática, de forma dinâmica, reajustando-se em janelas de browser cuja largura for inferior à largura do elemento, por exemplo?
Alternativas

Gabarito comentado

Confira o gabarito comentado por um dos nossos professores

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.

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

A) width: atribui a largura de um elemento 

B) max-width: atribui a máxima largura a um elemento.(correta )  

C) background: propriedade usada para definir os efeitos dos elementos em segundo plano 

D) responsive: renderiza sua página conforme o dispositivo (computador, celular, Tablet) 

E ) behavior: css3.  Behavior especifica um ou mais URLs separados por espaço que indicam script (s) para anexar a um seletor CSS. Comportamentos
para carregar scripts de css

Fonte: http://www.css3.com/css-behavior/
http://www.w3schools.com

 

A questão não foi muito clara, mas sites responsivos precisa observar certos "limites", alguns

não podem ser esticados ou espremidos demais, pois quebrariam a estrutura original do site, para evitar tais problemas utilizamos os propriedades min-width e max-width. O problema da questão dá a entender que é preciso definir uma largura mínima, logo deveria ter dado como alternativa o min-width.

Usando largura, no máximo de largura e margem: automático;

Como mencionado no capítulo anterior; um elemento de nível de bloco sempre ocupa a largura total disponível (estende-se para a esquerda e direita, tanto quanto possível).

Definir a widthde um elemento de nível de bloqueio irá impedir que ele esticasse para fora para as extremidades do seu recipiente. Em seguida, você pode definir as margens para auto, para centrar horizontalmente o elemento dentro de seu recipiente. O elemento vai ocupar a largura especificada, e o espaço restante será dividida igualmente entre as duas margens:

Este elemento

tem uma largura de 500px, ea margem definida como Auto.

 

Nota: O problema com o 

acima ocorre quando a janela do navegador é menor do que a largura do elemento. O navegador, em seguida, adiciona uma barra de rolagem horizontal para a página.

Usando max-widthvez, nesta situação, vai melhorar a movimentação do navegador de pequenas janelas. Isso é importante quando fazer um site utilizável em pequenos dispositivos:

Este elemento

tem um max-width de 500px, ea margem definida como Auto.

https://www.w3schools.com/css/css_max-width.asp

b-

Using max-width will improve the browser's handling of small windows, rather than cause content to stretch out to the edges of the container.

https://www.w3schools.com/css/css_max-width.asp

Clique para visualizar este comentário

Visualize os comentários desta questão clicando no botão abaixo

Questões de assuntos semelhantes

Provas relacionadas