본문 바로가기
인터넷, IT 이야기

PX to REM, REM to PX

by 아임슬로리. 2024. 2. 13.

가끔 픽셀 단위를 rem으로 변경하려면 생각이 안 날 때가 있거나

혹은 계산이 번거로울때가 있다.

물론 외워두고 습관되면 간단하지만 그래도 컨버터/계산기가 있으면 편리하지 않을까?

 

 

https://nekocalc.com/px-to-rem-converter

 

PX to REM converter (instantly and bidirectional)

PX ↔︎ REM conversion tables PixelsREM1px0.06rem2px0.13rem3px0.19rem4px0.3rem5px0.3rem6px0.4rem8px0.5rem10px0.6rem12px0.8rem14px0.9rem15px0.9rem16px1rem18px1.1rem20px1.3rem24px1.5rem25px1.6rem28px1.8rem32px2rem36px2rem40px3rem44px3rem48px3rem50px3re

nekocalc.com

 

위 링크에가면 쉽게 사용할 수 있다.

광고 없음.

 

rem은 root의 글꼴 크기에 비례해서 상대적으로 바뀌는 단위를 말한다. root element의 약자이며 줄여서 'rem'으로 사용된다.

다시 말하면, html 요소의 폰트사이즈를 1 rem 기준으로 보는 상대적 단위라고 생각하면 된다.

 

1 rem = 16px인데,

만약에 루트의 글꼴 크기를 24픽셀로 변경하고 기준을 삼았다면 1 rem = 24px 이 되는 것이다.