팝업레이어 모바일 폰트 크기 질문
본문
[PC화면]
[모바일 팝업레이어]
반응형 사이트인데
모바일에서는 폰트크기만 지정하여 줄여주고 싶은데,.
노력해도 첫번째랑 마지막줄만 수정되고
수정을 해도 폰트크기는 반영되지 않아 질문 합니다. ㅠㅠ
어떤부분을 수정해야 할까요?
css/mobile.css
@media (max-width: 700px){
.hd_pops_con {font-size:5pt;width:70%;margin:5% 0 0 15%;}
.hd_pops_con img {width:80%}
.hd_pops_con strong{font-size:10pt;!important}}
.hd_pops_con style{font-size:10pt; !important}
}
답변 1
css에 지정하신 폰트사이즈는 내용이 출력될 부분을 감싸고 있는
태그일 것으로 보이는데요~
안에들어가는 내용들은 에디터로 작업을 하게되면 스타일이 inline형식으로
지정되는 경우를 많이 보았습니다.
모바일에서 그러한 점을 해결하시려면 에디터에서 많이 쓰이는 태그의 스타일까지
정의해야 되지 않을까 합니다.
그리고 !important 는 ; 전에 기입해야 하지 않을까요~?
예를 들어
.hd_pops_con p { font-size:10pt !important; }
.hd_pops_con span { font-size:10pt !important; }
.hd_pops_con div { font-size:10pt !important; }
감사합니다.
답변을 작성하시기 전에 로그인 해주세요.
