모바일 가로 모드 백그라운드 css
본문
현재 아래와 같이 코딩했는데요 ~
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>
온리사이즈 이벤트에서 가로와 세로를 새롭게 튕겨주면 될 거에요.
html 태그도 있나요?
이미지 헤이트를 오토로 잡던지 원본으로 잡던지해야되요
답변을 작성하시기 전에 로그인 해주세요.
