오랫만에 글을 쓰게 되었습니다.
이건 기록해두어야 나중에 써먹을것 같다는 생각에..
IOS에서 CSS 중 font-size가 제대로 적용되지 않은 문제가 있어서 한참을 해매였습니다.
일단 동영상~
원래는 안드로이드 개발자였는데, 회사를 이직하면서 하이브리드 앱 개발자로 넘어갔습니다.
어찌됫든 HTML, JS, Jquery로 일을 하다보니.. 식상하게 보이는 모바일청첩장을 직접 만들어야겠다는 생각으로 만들고 있는데,
IOS에서 font-size가 제대로 적용되지가 않더군요.
웹브라우저가 닫힌 상태에서 처음 페이지가 열렸을 때는 정상적으로 열리더니,
새로고침을 하면 글쌔.. 폰트가 커져있는 현상..
어떻게 해결해야하나.. 하다가.. 찾은 방법은
-webkit-text-size-adjust: none;
입니다.
구글의 웹폰트를 사용하고 있는데, 처음엔 웹폰트 문제일까.. 이것저것 해보니.. 결국 CSS Webkit 문제..
그래서 제가 적용한 CSS는
.defaultNotiText {color:#FFF;font-size:15px;margin-top:10px;font-weight: 700;font-family: 'Nanum Myeongjo', serif; -webkit-text-size-adjust: none;}
요런식으로 적용하였습니다.
잘 적용되구요.
필요한 정보가 되길 바래요~