테스트 사이트 - 개발 중인 베타 버전입니다

반응형 테마 사용중입니다. 채택완료

입문자임 4년 전 조회 1,693

컨텐츠 페이지를 /sub/page1.php 이런식으로 만들었습니다.

 

pc일때는 상관없는데 모바일에서는 해상도때문에 이미지의 글씨를 알아보기가 힘듭니다.

 

그래서 모바일용 이미지를 따로 만들었는데요. 이걸 반응형으로 pc / mobile로 보이게 할려면 어떻게 해야할까요?

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
세크티
4년 전

css파일에 아래 css 넣으시고

</p>

<pre>
.view-pc{}
.view-mobile{display: none}
@media (max-width: 767px) {
    .view-pc{display: none}
    .view-mobile{display: inline;} 
}</pre>

<p>

 

컨텐츠 페이지에서 아래처럼 해보세요.

</p>

<p><div></p>

<p>    <img src="pc_image.png" class="view-pc" /></p>

<p>    <img src="mobile_image.png" class="view-mobile" /></p>

<p></div></p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

입문자임
4년 전
빠른 답변 감사합니다! 주말에 너무 감사..

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인