반응형 테마 사용중입니다.
본문
컨텐츠 페이지를 /sub/page1.php 이런식으로 만들었습니다.
pc일때는 상관없는데 모바일에서는 해상도때문에 이미지의 글씨를 알아보기가 힘듭니다.
그래서 모바일용 이미지를 따로 만들었는데요. 이걸 반응형으로 pc / mobile로 보이게 할려면 어떻게 해야할까요?
답변 1
css파일에 아래 css 넣으시고
.view-pc{}
.view-mobile{display: none}
@media (max-width: 767px) {
.view-pc{display: none}
.view-mobile{display: inline;}
}
컨텐츠 페이지에서 아래처럼 해보세요.
<div>
<img src="pc_image.png" class="view-pc" />
<img src="mobile_image.png" class="view-mobile" />
</div>
답변을 작성하시기 전에 로그인 해주세요.