HTML/CSS 모바일에서 화면 회전시키면 글꼴이 커지는 현상

기본적으로 모바일 작업 할 때는 세로 사이즈에 맞춰서 한다.

돌려보기도 하는데, 이럴때 폰트가 갑자기 커지는 경우가 있다.

사이즈를 px로 줘서 그런가 찾아봤지만 그 문제는 아니고,

css에서 body에 아래와 같이 명시해주면, 그대로 유지가 된다.

body{

    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;

}