• 목록
  • 아래로
  • 위로

http://road801.kr/test/index.php

여기 보시면 상단에 메뉴가 있고 그 밑에 메인이미지가 자리를 차지하고 있는데요, 

메인 이미지를 하단창에 맞게 핏하게 하고 싶습니다. 풀hd해상도에서는 스크롤해서 내려가야 사진 아랫부분이 보이고, uhd 모니터 같은 경우는 아래가 비어나오네요. <div>로 이미지를 감싼다음에 이미지에 width:100;height:100; 으로 되어있습니다.

 

창에 맞게 첫화면만 하단이 핏이 되고 스크롤을 하면 바로 다음으로 넘어가는 방법을 알고자 합니다.창크기에 맞출려면 사진 확대를 하면서 맞추게 될 것같은데 크게 상관없으니 종횡비가 맞게 떨어졌으면 좋겠습니다. 

댓글 2

윤삼
profile image
질문의 요지를 다 파악하기는 어려운데,
일단 메인 이미지가 튀어나오는 게 문제라면 body 태그 직후에 전체 영역을 감싸는 div를 추가하거나,
조정하시려는 요소에 max-width 값을 부여하거나 하셔야 할 것 같은데요.
comment menu
2020.05.31. 15:00

신고

"윤삼님의 댓글"

이 댓글을 신고 하시겠습니까?

NoYeah
profile image

<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를 누르면 디자인 요소들이 어디에 영향을 받는지 쉽게 파악할 수 있습니다.
 

comment menu
2020.06.01. 01:10

신고

"NoYeah님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 시스템 점검 작업 완료 안내 10 마스터 24.09.05.16:25 2580
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 23.01.14.02:23 10027
공지 [필독] 질문하는 방법 17 마스터 18.02.23.03:09 4944
746 Chrome와 Safari의 비밀번호 연동이 가능한가요? 10 갱생협스 20.06.06.21:24 206
745 게임 용어에 대해 질문 드립니다 (탱커/딜러/힐러) 21 이니스프리 20.06.05.20:45 2180
744 AWS elastic inference 끄는 법 아세요? 15 image 국내산라이츄 20.06.03.15:21 223
743 핸드폰 유심이 이상해요. 7 슬기 20.06.01.19:18 453
742 PHP) GetText 사용 관련 1 260578 20.06.01.17:02 480
CSS 이미지 창크기에 맞추는 방법 질문! 2 마당쇠15 20.05.31.10:47 573
740 글쓰기 포인트 차감을 우회하여 도배하는 스팸에 대해 질문드려요~! 22 이니스프리 20.05.31.00:25 521
739 파이썬으로 엑셀 데이터와 이미지를 읽어 아래한글로 만드는 매크로 프로그램을 만들고 싶어요. 5 말카 20.05.28.09:56 2359
738 PHP) Sandbox에서 실행한 결과와 실제 서버에서 구동되는게 다릅니다. 6 260578 20.05.28.09:11 249
737 [자바스크립트] 브라우저의 활성화 여부를 서버 측에서 확인할 수 있는가요?? 9 이니스프리 20.05.26.17:16 523
736 AWS Lightsail 관련해서 질문이 있습니다... 24 MYIG 20.05.26.00:18 625
735 셀레니움으로 토르브라우저 조종하고 싶습니다 8 title: 대한민국 국기gimmepoint 20.05.25.22:58 1203
734 공유기 구매하려고 하는데 사양이 고민됩니다. 10 image Apache 20.05.24.21:55 343
733 노트9 케이스 추천을 다시 부탁드립니다 ㅠㅠ 11 이니스프리 20.05.22.21:24 216
732 듀얼 vs 와이드 모니터 질문 드려요~! 17 이니스프리 20.05.21.23:15 990
731 (해결) 4 260578 20.05.18.20:51 221
730 클라우드 플레어 연결 관련 도와주세요 6 image Ruwaku 20.05.18.09:26 455
729 TP-LINK 무선 안테나를 잃어버렸는데 대체제가 있을까요?? 10 이니스프리 20.05.15.23:02 334
728 안드로이드 에뮬레이터 질문 드립니다. 1 Nginx 20.05.14.18:24 250
727 국내 뉴스 API 중에 검색기간 설정이 가능한 것이 있을까요?? 6 이니스프리 20.05.14.00:19 530