10px 베이스의 PX-REM 변환기
복사 가능한 CSS 라인과 라이브 참조 테이블을 사용하여 모든 기본 글꼴 크기에서 px를 rem으로, rem을 px로, px를 em으로 변환합니다.
처리 중...
0%
결과
이 페이지는 기본 글꼴 크기가 10px로 사전 설정된 변환기를 엽니다. 이것이 전형적인 html {font-size: 62.5% } 설정입니다. 16px 브라우저 기본값의 62.5%는 정확히 10px이므로 rem 값은 쉽게 읽을 수 있습니다. 14px는 1.4rem, 18px는 1.8rem, 24px는 2.4rem입니다.
팀에서는 어색한 16분의 1을 피하기 위해 정확하게 10px 기준을 채택합니다. 14px가 0.875rem이라는 것을 기억하는 대신 소수점만 이동하면 됩니다. 이 트릭은 고정된 픽셀 값이 아닌 백분율을 사용하기 때문에 사용자가 브라우저 기본 설정에서 설정한 글꼴 크기를 여전히 존중합니다. 이는 우선 rem 단위에 대한 전체 접근성 인수입니다.
복사 가능한 CSS 라인과 함께 10px 베이스에서 해당 rem 값을 얻으려면 픽셀 값을 입력하고 이미 변환된 전체 1-64px 스케일에 대해서는 아래 참조 표를 확인하세요. 프로젝트에서 다른 루트 크기를 사용하는 경우 기본 필드를 변경하면 모든 것이 실시간으로 따라옵니다.