CSS rem 이상 동작

CSS 글꼴 크기 문제가 있습니다.CSS rem 이상 동작

이

body { 
 
    font-size: 14px; 
 
} 
 

 
h1 { 
 
    font-size: 2.57rem; 
 
}

<h1>Rem Test</h1>

렘 정의가 H1 글꼴 크기가 35px와 36 x 36 픽셀 사이에 있어야한다는 이야기하지만, 실제 글꼴 크기가 41.2px입니다입니다 : 여기에 내 코드 (codepen 확인)입니다. 그리고 36px의 경우 2.3rem을 넣어야합니다.이 문제로 저를 도울 수 있습니까? 내가 도대체 뭘 잘못하고있는 겁니까? rem (루트 em)는 다음을 참조하십시오 <html>

인 루트 요소에서 이동하기 때문에

출처

2017-09-25 Nat Davydova

는 :

html { 
 
    font-size: 14px; 
 
} 
 

 
h1 { 
 
    font-size: 2.57rem; 
 
}

<h1>Rem Test</h1>

도 있습니다 의사 요소는 :root라고하는 당신에게 대신 사용할 수 있습니다 (주요 브라우저에서 작동해야 함)

출처

2017-09-25 18:51:05 lumio

고마워요! 그것은 작동합니다! –

환영합니다 :) 대신': root'도 사용할 수 있습니다. – lumio

CSS rem 이상 동작

답변

관련 문제