rem: 루트 em은 루트 글꼴의 크기를 나타냅니다. 다른 브라우저에서 설정한 기본 루트 글꼴 크기는 대부분 16px이고 일부는 14px입니다. Chrome 이전 버전은 최소 12px를 지원하며, 새 버전도 iOS Safari와 동일합니다. 이것이 결과로 이어질 것입니다,
으아악
이 방법으로 얻는 것은 16px * 62.5% = 10px가 아니라 12px입니다. (여기서 뭔가 이상한 점이 있습니다. 하위 요소는 rem을 참조하고 글꼴 참조는 10px입니다. 너비 및 높이와 같은 다른 참조는 12px입니다. ). 글꼴 크기 설정은 100px를 사용하는 것이 관례이며, px로 매핑을 계산하는 것이 쉽습니다.
rem, HTML 요소의 글꼴 크기 설정이 일관된지 여부.
으아악확인하는 것이 좋습니다
안드로이드와 iOS 모두에서 작성
으아악
ios9의 "핑팡" 폰트로 인한 문제일 수도 있습니다
참고용
rem: 루트 em은 루트 글꼴의 크기를 나타냅니다. 다른 브라우저에서 설정한 기본 루트 글꼴 크기는 대부분 16px이고 일부는 14px입니다.
으아악Chrome 이전 버전은 최소 12px를 지원하며, 새 버전도 iOS Safari와 동일합니다. 이것이 결과로 이어질 것입니다,
이 방법으로 얻는 것은 16px * 62.5% = 10px가 아니라 12px입니다. (여기서 뭔가 이상한 점이 있습니다. 하위 요소는 rem을 참조하고 글꼴 참조는 10px입니다. 너비 및 높이와 같은 다른 참조는 12px입니다. ).
글꼴 크기 설정은 100px를 사용하는 것이 관례이며, px로 매핑을 계산하는 것이 쉽습니다.
포스터로 해결됐나요? 저도 이 문제를 겪었어요
https://github.com/amfe/artic... 이 방법을 시도해 보세요