- 2
- 마당쇠15
- 조회 수 555
http://road801.kr/test/index.php
여기 보시면 상단에 메뉴가 있고 그 밑에 메인이미지가 자리를 차지하고 있는데요,
메인 이미지를 하단창에 맞게 핏하게 하고 싶습니다. 풀hd해상도에서는 스크롤해서 내려가야 사진 아랫부분이 보이고, uhd 모니터 같은 경우는 아래가 비어나오네요. <div>로 이미지를 감싼다음에 이미지에 width:100;height:100; 으로 되어있습니다.
창에 맞게 첫화면만 하단이 핏이 되고 스크롤을 하면 바로 다음으로 넘어가는 방법을 알고자 합니다.창크기에 맞출려면 사진 확대를 하면서 맞추게 될 것같은데 크게 상관없으니 종횡비가 맞게 떨어졌으면 좋겠습니다.
댓글 2
2020.05.31. 15:00
<div class="mainimage"><img src="http://road801.kr/test/img/index_main.jpg"></div>
이 부분을 찾아 아래 처럼 바꿔보세요.
<div class="mainimage" style="max-width: 1000px;"><img src="http://road801.kr/test/img/index_main.jpg"></div>
브라우저에서 F12를 누르면 디자인 요소들이 어디에 영향을 받는지 쉽게 파악할 수 있습니다.
2020.06.01. 01:10
권한이 없습니다.
일단 메인 이미지가 튀어나오는 게 문제라면 body 태그 직후에 전체 영역을 감싸는 div를 추가하거나,
조정하시려는 요소에 max-width 값을 부여하거나 하셔야 할 것 같은데요.