모바일 홈페이지 이미지 사이즈 문의드려요
본문
배경으로 들어가 있는데 화면사이즈를 줄이면 저렇게 공백이 생기는데 왜저러는걸까요 ㅠㅠ
답변 3
div 의 height 가 461px 로 고정되어 있어서 그렇습니다.
전체 창의 너비가 줄거나 늘어도 높이가 461px 고정이니,
창이 작아지면 그만큼의 여백이 생기게 됩니다.
해결방법 중 하나는 padding-bottom 을 % 로 주는 것입니다.
#INTRO 의 속성을 다음과 같이 처리해주시면 됩니다.
1) height:461px 삭제
2) padding-bottom : 72.3%; 추가
72.3 % 는 원 배경 이미지의 높이(463px) / 너비(640px) 의 비율값입니다.
저는 배경으로 넣으시는것보단
<img>로 넣으시고, width:100%를 추천드립니다.
그래야 height가 자동으로 맞아떨어집니다.
px단위가 아닌 %로 주시면 해결되실듯^^
답변을 작성하시기 전에 로그인 해주세요.