PX를 REM으로 변환하는 변환기
복사 가능한 CSS 라인과 라이브 참조 테이블을 사용하여 모든 기본 글꼴 크기에서 px를 rem으로, rem을 px로, px를 em으로 변환합니다.
결과
Rem 단위는 레이아웃에 대한 접근성을 유지합니다. 사용자의 글꼴 크기 기본 설정에 따라 크기가 조정되지만 하루 종일 머릿속에서 16으로 나누고 싶어하는 사람은 없습니다. 이 변환기는 산술 연산을 실시간으로 수행합니다. 방향(px → rem, rem → px 또는 px → em)을 선택하고 값을 입력하면 결과가 글꼴 크기: 0.875rem과 같은 복사 가능한 CSS 줄과 함께 즉시 나타납니다.
기본 글꼴 크기 필드를 사용하면 도구가 모든 프로젝트에 적합합니다. 브라우저 기본값은 16px이므로 1rem은 기본적으로 16px과 같지만 많은 코드베이스는 html {font-size: 62.5% }를 설정하여 1rem을 10px와 동일하게 만듭니다. 기본 값으로 10을 입력하면 모든 변환 및 테이블 행이 이어집니다. px → em 방향은 루트 대신 상위 요소의 글꼴 크기에 대해 동일한 수학을 사용합니다. 이는 정확히 CSS에서 em과 rem의 차이입니다.
결과 아래의 참조 표에는 현재 베이스에서 이미 변환된 가장 일반적인 디자인 크기(1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 및 64픽셀)가 표시되어 있으며 베이스와 일치하는 행이 강조 표시되어 있습니다. 실제로 사용하는 베이스와 항상 동기화되어 모니터에 녹화해 두는 치트 시트입니다.
입력할 때 업로드, 가입, 서버 왕복 등 모든 작업이 브라우저에서 로컬로 발생합니다. rem → px, px → em, 10px 기본 및 14, 24 및 32px와 같은 인기 있는 값에 대한 사전 설정된 페이지는 정확한 질문에 대해 미리 구성된 변환기를 엽니다.