Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Davi Araújo

width 100% do browser

Recommended Posts

Caros, tenho uma imagem que tem 400x225px.

 

Como faço para ela ser mostrada 100% no browser ? Ela pode até ficar distorcida, mas tem que manter a proporção.

 

Por exemplo. Se a pessoa estiver usando a resolução 800x600 e a área util do browser for 780px de largura a a imagem apareceria 780 x 439px na tela.

 

Deu para entender ???? Isso para todos os browsers. Inclusive para mobile.

 

Agradeço alguma solução.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa tarde! Num sei se entendi bem... veja se é por ai rs

Apenas usando o css, se sua DIV tiver um valor relativo e a img dentro desta div também acredito que de o resultado que espera. Ex:

 

<style type="text/css">

 

div {

height: auto;

width: auto;

}

 

img {

width:100%;

}

 

</style>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.