콘텐츠로 건너뛰기
디자인 및 색상

PX를 REM으로 변환하는 변환기

프로젝트의 루트 크기를 사용하여 px, rem 및 em 사이를 변환합니다.

브라우저에서 실행됩니다.100% 비공개업로드 없음
도구를 불러오는 중…

이 도구를 공유하세요

필요하신 분에게 보내주세요.

Xfin
전체 가이드 읽기

PX를 REM으로 변환하는 변환기 정보

Rem 단위는 사용자의 브라우저 글꼴 크기를 존중하므로 액세스 가능한 디자인에서는 유형에 고정 픽셀을 사용하지 않습니다. 이 변환기는 모든 값을 양방향으로 변환하고 일반적인 크기에 대한 참조 테이블을 표시합니다.

사용방법

  1. 1루트 글꼴 크기 설정16px는 브라우저 기본값입니다. 프로젝트가 html 글꼴 크기를 재정의하는 경우 이를 변경하세요.
  2. 2값을 입력하세요픽셀 값이나 rem 값을 입력하면 반대 단위가 즉시 업데이트됩니다.
  3. 3결과 복사변환표를 사용하면 전체 활자 눈금을 한 번에 바꿀 수 있습니다.

왜 이 px를 rem으로 변환하는 변환기을 사용합니까?

  • 기기에서 아무것도 남지 않습니다.. 작업은 브라우저 탭에서 이루어집니다. 이 앱에는 업로드 엔드포인트가 없으므로 귀하의 파일과 텍스트는 저장, 기록 또는 볼 수 없습니다.
  • 업로드가 없습니다.. 서버 왕복을 완전히 건너뜁니다. 결과는 네트워크 속도나 대기열 크기가 아닌 자체 CPU에 따라 제한됩니다.
  • 무료, 계정 없음, 할당량 없음. 가입 장벽도 없고, 워터마크도 없고, 일일 한도도 없습니다. 선택적 계정은 여러 장치에 걸쳐 즐겨찾기와 사전 설정을 저장하기 위해서만 존재합니다.

자주 묻는 질문

내 스타일시트를 여기에서 사용해도 안전한가요?

예. 이 도구는 JavaScript를 사용하여 브라우저에서 완전히 실행됩니다. 붙여넣거나 연 내용은 서버로 전송되지 않으며, 페이지를 닫은 후에도 페이지에는 사본이 보관되지 않습니다.

계정을 만들어야 하나요?

아니요. 로그인하지 않고도 모든 도구를 완전히 사용할 수 있습니다. 계정은 저장된 즐겨찾기와 재사용 가능한 사전 설정만 추가합니다.

전화에서 작동합니까?

예. 인터페이스는 큰 터치 대상과 스택형 레이아웃을 갖춘 모바일 우선이므로 데스크톱은 물론 휴대폰, 태블릿에서도 작동합니다.

rem을 사용해야 하나요, px를 사용해야 하나요?

글꼴 크기, 간격 및 레이아웃 값에 rem을 사용하면 인터페이스가 사용자의 브라우저 설정에 따라 확장됩니다. 크기 조절이 바람직하지 않은 테두리 및 가는 선 세부 사항에는 픽셀이 허용됩니다.

rem과 em의 차이점은 무엇인가요?

rem은 루트 요소의 글꼴 크기에 상대적입니다. em은 현재 요소의 글꼴 크기에 상대적이므로 중첩된 em 값은 복합적이며 예측하기가 더 어려울 수 있습니다.

도구 상자의 같은 모서리에서 더 많은 무료 유틸리티를 얻을 수 있습니다.