메인배너 유튜브. 로딩 이 길어서 이미지가 보이게 하였습니다.
모바일에서는 작은이미지가 나와야 하는데
어떤분이 알려주신 아래 코드 가 디바이스 800 이하에서 모바일 이미지가 나와야 하는데 안되네요.
혹시 수정 할곳이 있는지요?
<p class="mwViewSlider" style="background-image:URL('<?php echo G5_THEME_IMG_URL ?>/mainImg02.jpg')"></p>
<style type="text/css">
.mwViewSlider{display:none;}
@media all and (max-width:800px){
.mwViewSlider{display:block;}
.mwViewSlider{position:absolute; left:0px; right:0px; top:0px; bottom:0px; background-size:cover; z-index:1;}
}
</style>
답변 2개 / 댓글 1개
채택된 답변
+20 포인트
2023-02-20 (월) 21:29:59
css는 문제가 없어보입니다 혹시 html 파일에 뷰포트 적용을 안하신건 아닌지?
답변에 대한 댓글 1개
2023-02-20 (월) 21:44:08
2023-02-21 (화) 14:34:22
개발자 도구의 모바일 환경에서 태그의 스타일이 적용 되었는지 확인 해보셨나요?
@media all and (max-width:800px){
.mwViewSlider{display:block;}
}
답변을 작성하려면 로그인이 필요합니다.
이유를 모르겠네요..