브라우저 창 너비를 채우기 위해 이미지를 늘입니다.

Question

이미지가 있고 창의 너비에 관계없이 브라우저 창을 채우고 싶습니다.

HTML 및 CSS에서 어떻게합니까?

Answer 1

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

여기에는 이미지의 컨테이너가 브라우저 창만큼 넓은 것으로 가정합니다.

당신은 폭이 100 %의 높이 사업부를 추가 할 수 있습니다

Answer 2

도 설정 이미지의 폭과 높이가 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>​​​​​​​​​​ 

CSS 파일

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