2026, 새로운 도약을 시작합니다.
SIR
목록으로
이전글 다음글

모바일 가로 모드 백그라운드 css 채택완료

용용디자이너
프로필 보기이 회원 글보기이 회원의 댓글보기
 2년 전 조회 2,244
답변 2
목록

현재 아래와 같이 코딩했는데요 ~ 

pc와 모바일 세로모드까지 백그라운드가 문제가 없는데 ..

모바일에서 가로모드를 딱 하는 순간 깨져버립니다..ㅠ

cover는 넓이가 짤리고.. 반응형 배경.. 어렵네요 ~

도움 부탁드립니다.

.sub23{
    width:100%;
    height:100vh;
    margin:0 auto;
    background:url('images3/pop_bg03.png') center top no-repeat;
    background-size: contain;
}
 

#반응형

답변 2개

채택된 답변
+20 포인트
비

문서 하단에

Copy 




addEventListener("resize", () => {

    for (i of document.querySelectorAll(".sub23")) {

        i.style.width = "100%";

        i.style.height = "100vh";

    }

} );

온리사이즈 이벤트에서 가로와 세로를 새롭게 튕겨주면 될 거에요.

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

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

비버팩토리

html 태그도 있나요?

이미지 헤이트를 오토로 잡던지 원본으로 잡던지해야되요 

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

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

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

로그인
🐛 버그신고