Estirar una imagen para completar el ancho de la ventana del navegador

Question

Tengo una imagen, y quiero que el ancho llene la ventana del navegador, sin importar el tamaño de la ventana.

¿Cómo hago esto en HTML y CSS?

Answer 1

<img src="filename.jpg" alt="alt text" width="100%" /> 

Esto supone que el contenedor de la imagen es tan ancho como la ventana del navegador.

Answer 2

Puede añadir un div con un ancho de una altura de 100%, la anchura y la altura también configurar de imagen son 100%

<div id="wrapper"> 
    <img src="http://lorempixel.com/200/200" /> 
</div>​​​​​​​​​​ 

CSS:

#wrapper, img{ 
    width:100%; 
    height: 100%; 
} 

jsfiddle

Answer 3

<div class="fixpixel"> 
    <img src="ImagePath" /> 
</div>​​​​​​​​​​ 

Archivo CSS

.fixpixel img{ 
height: auto; 
background-position: center; 
background-repeat: no-repeat; 
background-size: cover; 
}