아이폰에서 폰트 크기가 제대로 적용이 안돼요...
·
Web
Next.js에서 개발을 진행하고 있는데, 아이폰 환경에서는 폰트의 크기가 제대로 적용되지 않는 문제가 발생했다. 폰트 크기는 분명 적용했고 다른 요소의 컴포넌트는 제대로 폰트가 적용이 되는데 딱 하나의 컴포넌트만 적용이 안됐다. iOS 모든 환경에서 안되는 것이 아닌 아이폰에서만 발생하는 문제였다. 맥북에서는 정상적으로 동작했다. 환경은 Next.js / Styled Components 를 사용하고 있다. 혹시 Styled Components와 Next.js를 함께 사용하면 발생하는 문제일 수 있다고 생각해서 Styled Components 대신에 CSS를 사용도 해봤다. 하지만 여전히 문제는 해결되지 않았다. 이유를 열심히 찾아보니 아이폰에서는 뷰포트가 변경되면 자동으로 폰트 크기를 조절하고 있단다...
