SóProvas

ID
2319028
Banca
FCC
Órgão
AL-MS
Ano
2016
Provas
Disciplina
Programação
Assuntos

Considere a página HTML abaixo.
<!DOCTYPE html>
<html>
<head>
<style>
img {
I : 100%;
height: auto;
}
</style>
</head>
<body>
<img src="empresa.jpg" width="400" height="300">
</body>
</html>

Para que a imagem não possa ter seu tamanho aumentado acima do tamanho original, mesmo em janelas maiores, mas possa ser reduzida de forma automática e proporcional se a janela for redimensionada para tamanhos menores que o tamanho da imagem, a lacuna I deverá ser preenchida por

Alternativas
Comentários

  • A) max-width

  • a-

    a block-level element always takes up the full width available (stretches out to the left and right as far as it can).

    Setting the width of a block-level element will prevent it from stretching out to the edges of its container. Then, you can set the margins to auto, to horizontally center the element within its container. The element will take up the specified width, and the remaining space will be split equally between the two margins:

    This <div> element has a width of 500px, and margin set to auto.

    Note: The problem with the <div> above occurs when the browser window is smaller than the width of the element. The browser then adds a horizontal scrollbar to the page.

    Using max-width instead, in this situation, will improve the browser's handling of small windows. This is important when making a site usable on small devices:

    This <div> element has a max-width of 500px, and margin set to auto.

    Example

    div.ex1 {

     width: 500px;

     margin: auto;

     border: 3px solid #73AD21;

    }

    div.ex2 {

     max-width: 500px;

     margin: auto;

     border: 3px solid #73AD21;

    }

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