width 100% do browser

[Davi Araújo 0]

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.

[Daniela Ghidini 0]

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>

[Bru_ce 53]

Tenta assim:

 

 

body, html {
height:100%;
}
 
#suaImg {
height:100%;
width:100%;
}
 

[Davi Araújo 0]

Valeu querida.

 

Era exatamente isso.

 

Obriagado!