PX-EM 변환기
복사 가능한 CSS 라인과 라이브 참조 테이블을 사용하여 모든 기본 글꼴 크기에서 px를 rem으로, rem을 px로, px를 em으로 변환합니다.
처리 중...
0%
결과
이 페이지는 px → em 방향의 변환기를 엽니다. 산술은 rem(픽셀을 참조 글꼴 크기로 나눈 값)과 동일하지만 참조는 다릅니다. em은 루트가 아닌 상위 요소의 글꼴 크기(또는 글꼴 크기 자체의 경우 요소의 상속된 크기)를 기준으로 합니다.
그 차이점은 바로 em을 사용할 때입니다. 즉, 구성 요소의 자체 텍스트에 따라 늘어나야 하는 패딩, em으로 작성된 미디어 쿼리 또는 글꼴 크기가 변경될 때 간격이 조정되는 버튼입니다. 기본 필드에 부모의 실제 글꼴 크기를 입력합니다. 구성 요소가 14px 텍스트에 있는 경우 21px 패딩은 1.3125em이 아니라 1.5em입니다.
결과는 복사 가능한 CSS 라인과 함께 제공되며 참조 테이블에는 현재 상위 크기에 대해 변환된 일반적인 픽셀 크기가 표시됩니다. 페이지를 벗어나는 데이터 없이 입력하는 동안 모든 업데이트가 브라우저에 실시간으로 표시됩니다.