ブラウザウィンドウの幅を埋めるためにイメージを伸ばしてください

Question

イメージがあり、ウィンドウのサイズに関係なく、ブラウザウィンドウをいっぱいにする幅が必要です。

HTMLとCSSでこれを行うにはどうすればよいですか？

Answer 1

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

これは、イメージのコンテナがブラウザウィンドウと同じ幅であることを前提としています。

Answer 2

ます。また、設定した画像の幅と高さが100％

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

CSSあり、幅で100％の高さをdiv要素を追加することができます。

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

jsfiddle

Answer 3

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

CSSファイル

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