모바일에서 스타일 폰트 크기를 바꾸는 방법 부탁드려요.
본문
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
@media ( max-width: 800px ) {
.listWrap .qa_li .tit { font-size:18px; }
}
파일 아무라인에서나
<style>
@media ( max-width: 800px ) {
.listWrap .qa_li .tit { font-size:18px; }
}
</style>
넣어주면 될까요 ?
style.css 파일에 추가해주면 됩니다..
style.css 에 추가했더니 적용이 안되어서
스킨 파일에 했는데
style.css 에
@media ( max-width: 800px ) {
.listWrap .qa_li .tit { font-size:18px; }
}
이렇게 넣기만 하면 되는게 맞을까요?
추가하고나서 ctrl + f5 해보세요.