SóProvas

ID
2439532
Banca
FEPESE
Órgão
JUCESC
Ano
2017
Provas
Disciplina
Programação
Assuntos

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
Comentários

  • 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