증상

아이오닉으로 페이지를 구성할때 디바이스에서 폰트크기를 크게, 또는 작게 설정하는 경우

원래 의도와는 다른 레이아웃 구성을 가지게 되는 문제 해결

원인

폰트 사이즈 설정보다 기기의 폰트 확대가 우선한다.

해결

mobile-accessibility 플러그인을 사용해서 기기 폰트 확대방지를 강제한다.

Ionic V4

https://ionicframework.com/docs/native/mobile-accessibility

Ionic V3

https://ionicframework.com/docs/v3/native/mobile-accessibility

Phonegap

https://github.com/phonegap/phonegap-mobile-accessibility

메소드 소개

getTextZoom()

현재 텍스트줌 비율을 반환한다.

setTextZoom(textZoom)

줌 비율을 설정 한다.

usePreferredTextZoom(boolean)

기기 확대 허용여부를 결정한다.

결과

usePreferredTextZoom(false)

참조

https://forum.ionicframework.com/t/font-size-difference-caused-by-android-font-size-settings/49200