모바일에 모바일용 이미지 보이기 문의드립니다.
본문
메인배너 유튜브. 로딩 이 길어서 이미지가 보이게 하였습니다.
모바일에서는 작은이미지가 나와야 하는데
어떤분이 알려주신 아래 코드 가 디바이스 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
css는 문제가 없어보입니다 혹시 html 파일에 뷰포트 적용을 안하신건 아닌지?
개발자 도구의 모바일 환경에서 태그의 스타일이 적용 되었는지 확인 해보셨나요?
@media all and (max-width:800px){
.mwViewSlider{display:block;}
}
답변을 작성하시기 전에 로그인 해주세요.