html을 어느정도 아신다고 보고..(모르셔도 이렇게 밖에는 설명이 안되지만요..ㅜㅜ)

<div>

이미지

</div>

로 코딩 후 샘플사이트는 이미지 크기의 변동은 없으므로

css에서 div는 width를 100%로 하고 height는 고정값, text-align은 center, overflow는 hidden으로 설정하시고, 그 안의 이미지는 요즘 대체적인 모니터 해상도의 최대값이 1920px 이니 그것보다 약간더 큰 이미지를 비례에 맞게 넣어 주시면 됩니다.

그러면 div의 크기가 브라우저 크기에 따라 세로는 유지한채 가로가 꽉차게 나오게 되고 그안의 이미지는 div크기 만큼만 보여지게 됩니다.

화면에 꽉차는 이미지는 div의 height도 100%로 설정 하시면 되는데 단, div의 height를 100%로 주시려면 css에

html, body {height: 100%} <-이 구문을 넣어 주셔야 합니다.