화면을 줄이면 배경 이미지가 잘리는 문제

보르미 2025.05.01 댓글 7

네비 영역에 배경 이미지를 100%로 깔았는데, 화면을 줄여 스크롤이 생기면 이미지가 잘려 보여요.
페이지 너비는 1050px로 만들고 있어서 화면이 작은 모니터에서는 배경이 잘릴 것 같습니다.
이 문제를 어떻게 해결하면 좋을까요?

나라찬 2025.05.01

아, 그게 맞긴 한데 이론상으로는 조금 헷갈리네요 ㅠㅠ 즐겁게 코딩하세요. 궁금한 점 있으면 또 이야기 나눠요~
서희 2025.05.01

왜 저는 알려주신 코드대로 했는데 제대로 안 나올까요 ㅠㅠ
알프레드 2025.05.01

배경을 한 번 더 감싸는 방법이군요. 감사합니다.
아련나래 2025.05.01

제가 잘 이해한 건지 모르겠지만 한 번 더 감싸도 같은 현상이 생겨요. 알려주신 소스를 참고했는데, 제가 작성한 코드는 이런 형태예요.
처녀자리 2025.05.01

100%는 현재 창 크기에 맞춰 표시된다는 뜻이에요. 화면 너비가 1024px인데 요소를 1050px로 잡으면 스크롤이 생기죠. 배경을 전체 너비로 보이게 하려면 레이어를 한 번 더 감싸 보세요.
한뎃집 2025.05.01

정말 제대로 나오시나요? 저는 스크롤이 생기면 배경이 잘려서 속상했어요 ㅎㅎ
이든샘 2025.05.01

#head_d의 너비를 1050px로 지정해 보세요. div 크기를 정해줘야 그만큼 배경이 깔립니다. 100%는 창 크기에 맞춰지니 창이 줄어들면 배경 영역도 줄어들어요. 글로 설명하기가 어렵네요 ㅠㅠ

댓글 7