테스트 사이트 - 개발 중인 베타 버전입니다

모바일 홈페이지 이미지 사이즈 문의드려요 채택완료

다말세 7년 전 조회 4,536

배경으로 들어가 있는데 화면사이즈를 줄이면 저렇게 공백이 생기는데 왜저러는걸까요 ㅠㅠ

 

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
7년 전

div 의 height 가 461px 로 고정되어 있어서 그렇습니다.

전체 창의 너비가 줄거나 늘어도 높이가 461px 고정이니,

창이 작아지면 그만큼의 여백이 생기게 됩니다.

 

해결방법 중 하나는 padding-bottom 을 % 로 주는 것입니다.

#INTRO 의 속성을 다음과 같이 처리해주시면 됩니다.

1) height:461px 삭제

2) padding-bottom : 72.3%; 추가

72.3 % 는 원 배경 이미지의 높이(463px) / 너비(640px) 의 비율값입니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

IMWJ
7년 전

px단위가 아닌 %로 주시면 해결되실듯^^

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

7년 전

저는 배경으로 넣으시는것보단

<img>로 넣으시고, width:100%를 추천드립니다.

그래야 height가 자동으로 맞아떨어집니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인