글꼴 크기 조정 중 rem

html { font-size: 62.5%; } 
body { font-size: 1.4rem; } /* =14px */ 
h1 { font-size: 2.4rem; } /* =24px */

안녕하세요, 저는 계산을 시도하고 있습니다. 본문에 대해 14px, h1에 24px를 얻으려면 어떻게해야합니까?글꼴 크기 조정 중 rem

출처

2012-12-05 Vennsoh

html에 글꼴 크기를 백분율로 지정하면 브라우저 옵션에서 사용자가 설정 한 글꼴 크기 기본 설정을 기준으로 계산됩니다. 이것은 일반적으로 16px 브라우저를 통해 "표준"이지만 사용자의 설정에 따라 다를 수 있습니다.

16px의 62.5 %가 10px이므로 html의 절대 글꼴 크기는 10px입니다. 거기에서 body 및 h1의 크기를 쉽게 해결할 수 있어야합니다.

출처

2012-12-05 03:13:00 BoltClock

이것이 사실이라면 Asker가 올바른 값을 이미 갖고 있지 않은 것입니까? – TheZ

@TheZ : 예, AskComputedStyle() 또는 브라우저 개발자 도구에서 값을 얻은 것 같습니다. 브라우저가 그 값에 어떻게 도달했는지 궁금합니다. – BoltClock

안녕 얘들 아, 고마워. 나는 단지 스타일이 적용되기 전에 16px가 기본 브라우저 글꼴 크기라는 것을 알았 기 때문에이 스레드로 돌아갈 예정이었습니다. Yeap, 방금 위의 코드를 복사하여 붙여 넣었으며 어떻게 작동하는지 파악하려고합니다. 이것은 유명한 Richard Rutter 62.5 % 방법입니다. – Vennsoh

글꼴 크기 조정 중 rem

답변

관련 문제