Ho un'immagine e voglio che la larghezza riempia la finestra del browser, indipendentemente dalle dimensioni della finestra.Estendere un'immagine per riempire la larghezza della finestra del browser
Come si fa in HTML e CSS?
<img src="filename.jpg" alt="alt text" width="100%" />
Ciò presuppone che il contenitore dell'immagine sia largo quanto la finestra del browser.
non è valido per HTML 5. In HTML5, il valore deve essere espresso in pixel. – sbagdat
@sbagdat Interessante. Non lo sapevo. Qualche idea sul perché la percentuale è stata rimossa come opzione? –
probabilmente quando le immagini si ingrandiscono, stanno perdendo qualità. ecco il link w3c: http://www.w3schools.com/html5/att_img_width.asp – sbagdat
È possibile aggiungere un div con larghezza di un'altezza di 100%, la larghezza e l'altezza dell'immagine anche impostare sono 100%
<div id="wrapper">
<img src="http://lorempixel.com/200/200" />
</div>
CSS:
#wrapper, img{
width:100%;
height: 100%;
}
<div class="fixpixel">
<img src="ImagePath" />
</div>
File CSS
.fixpixel img{
height: auto;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
possibile duplicato di [immagine di sfondo scalabile CSS o jQuery senza NESSUN spazio bianco al di sotto quando l'altezza dell'immagine è inferiore all'altezza della finestra] (http://stackoverflow.com/questions/5072750/css-or-jquery-scalable-background- image-with-no-white-space-under-under-when-img) – Joseph