컨텐츠 페이지를 /sub/page1.php 이런식으로 만들었습니다.
pc일때는 상관없는데 모바일에서는 해상도때문에 이미지의 글씨를 알아보기가 힘듭니다.
그래서 모바일용 이미지를 따로 만들었는데요. 이걸 반응형으로 pc / mobile로 보이게 할려면 어떻게 해야할까요?
|
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
2021-08-21 (토) 14:41:35
css파일에 아래 css 넣으시고
Copy
.view-pc{}
.view-mobile{display: none}
@media (max-width: 767px) {
.view-pc{display: none}
.view-mobile{display: inline;}
}컨텐츠 페이지에서 아래처럼 해보세요.
Copy
<div>
<img src="pc_image.png" class="view-pc" />
<img src="mobile_image.png" class="view-mobile" />
</div>답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.