[css] text-size-adjust : none

특정 디바이스(아이폰 등 일부 모바일)에서 폰트 사이즈가 크게 보이거나 마크업대로 보이지 않을 때

 

none : 디바이스의 크기에 따라 폰트사이즈를 조정하지 않음

auto : 디바이스 크기 따라 폰트 사이즈 자동 조절 (사용 지양)

%(퍼센트) : 100%는 모든 디바이스에서 폰트 사이즈 동일, 퍼센트 값 낮추면 디바이스별로 동일하게 작아짐

 

html, body{
  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* 파이어폭스 */
  -o-text-size-adjust : none;  /* 오페라 구버전 */
}

 

 

 

참고

https://stackoverflow.com/questions/27074259/html-css-table-font-size-different-in-mobile-device

HTML/CSS: table font size different in mobile device

https://abcdqbbq.tistory.com/67