애니빌드.LAB
토론방
디자인팜 PC서 글자 50px 을 모바일서 글자 30px로 줄이고 싶어요.
- &**bsp;viral
- 2016-09-21 12:16:23
- hit3520
- http://lab.anybuild.co.kr/bbs/qna/6273
아래 메인화면 이에요.
1칸 반응형 레이아웃에 장문형텍스트를 추가해서 글자를 입력했어요. 근데 PC에서 글자가 워낙 크다보니 모바일에서 보니깐 크기가 너무 커서 이상하더라구요. 그래서 모바일에서는 작게 하려고 아래소스에서처럼 수정했는데 적용이 안되고 있어요. 모바일에서는 글씨가 작세 하려면 어떻게 해야 할까요?
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
.textarea_12466_ p {
display:block; margin:0; padding:0;
font-size:{$farm_set[font_size]}px; letter-spacing:0px; font-weight:{$farm_set[weight]}; color:{$farm_set[color]}; line-height:1.6em;
}
@media (min-width:768px){
.textarea_12469_ p {
display:block; margin:0; padding:0;
font-size:30px; letter-spacing:0px; font-weight:{$farm_set[weight]}; color:{$farm_set[color]}; line-height:1.6em;
}
}
min-width:768px - 768 이상 크기에서만 적용됩니다.
해당 소스를 max-width:768px 로 수정하시면 768 이하 크기에서만 적용되게 됩니다.
class 명 오타도 확인해주세요
textarea_12466_ p
textarea_12469_ p