Skip to main content
adicionou 2 caracteres ao conteúdo
Fonte Link

Não consegui entender muito bem a sua dúvida, mas creio que seja deixadeixar a imagem de acordo com oadaptada ao tamanho exato da tela.

.minha-imagem {
    max-width: 100%;
    width: 100%;
    height: auto;
    overflow: hidden; /* para não exibir scrollbar */
}

E se você quiser fixar um tamanho máximo para a imagem, basta inseri-la dentro de um container, como por exemplo:

<div style="max-width:500px;">
    <img src="..." />
</div>

Não consegui entender muito bem a sua dúvida, mas creio que seja deixa a imagem de acordo com o tamanho da tela.

.minha-imagem {
    max-width: 100%;
    width: 100%;
    height: auto;
    overflow: hidden; /* para não exibir scrollbar */
}

E se você quiser fixar um tamanho máximo para a imagem, basta inseri-la dentro de um container, como por exemplo:

<div style="max-width:500px;">
    <img src="..." />
</div>

Não consegui entender muito bem a sua dúvida, mas creio que seja deixar a imagem adaptada ao tamanho exato da tela.

.minha-imagem {
    max-width: 100%;
    width: 100%;
    height: auto;
    overflow: hidden; /* para não exibir scrollbar */
}

E se você quiser fixar um tamanho máximo para a imagem, basta inseri-la dentro de um container, como por exemplo:

<div style="max-width:500px;">
    <img src="..." />
</div>
Fonte Link

Não consegui entender muito bem a sua dúvida, mas creio que seja deixa a imagem de acordo com o tamanho da tela.

.minha-imagem {
    max-width: 100%;
    width: 100%;
    height: auto;
    overflow: hidden; /* para não exibir scrollbar */
}

E se você quiser fixar um tamanho máximo para a imagem, basta inseri-la dentro de um container, como por exemplo:

<div style="max-width:500px;">
    <img src="..." />
</div>