모바일 가로 모드 백그라운드 css 채택완료
용디자이너
1년 전
조회 2,018
현재 아래와 같이 코딩했는데요 ~
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 포인트
1년 전
문서 하단에
</p>
<p><script>
addEventListener("resize", () => {
for (i of document.querySelectorAll(".sub23")) {
i.style.width = "100%";
i.style.height = "100vh";
}
} );
</script></p>
<p>
온리사이즈 이벤트에서 가로와 세로를 새롭게 튕겨주면 될 거에요.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인