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

모바일에서 스타일 폰트 크기를 바꾸는 방법 부탁드려요. 채택완료

모몽 4년 전 조회 3,029

style.css 파일에서

.listWrap .qa_li .tit { color:#222; font-size:24px; transition:color 0.3s ease-out; }

이게 PC 리스트 제목 부분인데 모바일에서는 폰트가 커서 PC와 모바일 폰트 사이즈 구분을 하려면 어떻게 하면 될까요 ?

 

리스트 파일 코드는 아래와 같아요.

<ul class="listWrap">

        <?php
        for ($i=0; $i<count($list); $i++) {
        ?>
  <li class="qa_li">
   <div class="question">
    <p class="tit">
     <?php echo $list[$i]['subject']; ?>
    </p>
   </div>
  </li>
        <?php } ?>
</ul>

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

답변 1개

채택된 답변
+20 포인트
e
4년 전

@media ( max-width: 800px ) {
   .listWrap .qa_li .tit { font-size:18px; }
}

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

답변에 대한 댓글 4개

모몽
4년 전
파일 아무라인에서나
<style>
@media ( max-width: 800px ) {
.listWrap .qa_li .tit { font-size:18px; }
}
</style>
넣어주면 될까요 ?
e
eyekiss
4년 전
style.css 파일에 추가해주면 됩니다..
모몽
4년 전
style.css 에 추가했더니 적용이 안되어서


스킨 파일에 했는데

style.css 에

@media ( max-width: 800px ) {
.listWrap .qa_li .tit { font-size:18px; }
}

이렇게 넣기만 하면 되는게 맞을까요?
e
eyekiss
4년 전
추가하고나서 ctrl + f5 해보세요.

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

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

로그인