모바일 가로 모드 백그라운드 css

모바일 가로 모드 백그라운드 css

QA

모바일 가로 모드 백그라운드 css

답변 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

문서 하단에

 


<script>
addEventListener("resize", () => {
    for (i of document.querySelectorAll(".sub23")) {
        i.style.width = "100%";
        i.style.height = "100vh";
    }
} );
</script>

 

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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 364
© SIRSOFT
현재 페이지 제일 처음으로