EM
REM
Base size of fonts is 16px.
Pixel
Percent
Point
CSS Style Properties
EM
h1 {
font-size: 2em;
}
REM
h1 {
font-size: 2rem;
}
Pixel
h1 {
font-size: 32px;
}
Percent
h1 {
font-size: 200%;
}
Point
h1 {
font-size: 24pt;
}
EM
Hello
REM
Hello
Pixel
Hello
Percent
Hello
Point
Hello
Unit Conversion Table
| EM | REM | Pixel | Percent | Point |
|---|---|---|---|---|
| 0.5em | 0.5rem | 8px | 50% | 6pt |
| 0.5625em | 0.5625rem | 9px | 56.25% | 6.75pt |
| 0.625em | 0.625rem | 10px | 62.5% | 7.5pt |
| 0.6875em | 0.6875rem | 11px | 68.75% | 8.25pt |
| 0.75em | 0.75rem | 12px | 75% | 9pt |
| 0.8125em | 0.8125rem | 13px | 81.25% | 9.75pt |
| 0.875em | 0.875rem | 14px | 87.5% | 10.50pt |
| 0.9375em | 0.9375rem | 15px | 93.75% | 11.25pt |
| 1em | 1rem | 16px | 100% | 12pt |
| 1.0625em | 1.0625rem | 17px | 106.25% | 12.75pt |
| 1.125em | 1.125rem | 18px | 112.5% | 13.5pt |
| 1.1875em | 1.1875rem | 19px | 118.75% | 14.25pt |
| 1.25em | 1.25rem | 20px | 125% | 15pt |
| 1.3125em | 1.3125rem | 21px | 131.25% | 15.75pt |
| 1.375em | 1.375rem | 22px | 137.5% | 16.50pt |
| 1.4375em | 1.4375rem | 23px | 143.75% | 17.25pt |
| 1.5em | 1.5rem | 24px | 150% | 18pt |
| 1.5625em | 1.5625rem | 25px | 156.25% | 18.75pt |
| 1.625em | 1.625rem | 26px | 162.5% | 19.5pt |
| 1.6875em | 1.6875rem | 27px | 168.75% | 20.25pt |
| 1.75em | 1.75rem | 28px | 175% | 21pt |
| 1.8125em | 1.8125rem | 29px | 181.25% | 21.75pt |
| 1.875em | 1.875rem | 30px | 187.5% | 22.5pt |
| 1.9375em | 1.9375rem | 31px | 193.75% | 23.25pt |
| 2em | 2rem | 32px | 200% | 24pt |
| 2.0625em | 2.0625rem | 33px | 206.25% | 24.75pt |
| 2.125em | 2.125rem | 34px | 212.5% | 25.5pt |
| 2.1875em | 2.1875rem | 35px | 218.75% | 26.25pt |
| 2.25em | 2.25rem | 36px | 225% | 27pt |
| 2.3125em | 2.3125rem | 37px | 231.25% | 27.75pt |
| 2.375em | 2.375rem | 38px | 237.5% | 28.5pt |
| 2.4375em | 2.4375rem | 39px | 243.75% | 29.25pt |
| 2.5em | 2.5rem | 40px | 250% | 30pt |
| 2.5625em | 2.5625rem | 41px | 256.25% | 30.75pt |
| 2.625em | 2.625rem | 42px | 262.5% | 31.5pt |
| 2.6875em | 2.6875rem | 43px | 268.75% | 32.25pt |
| 2.75em | 2.75rem | 44px | 275% | 33pt |
| 2.8125em | 2.8125rem | 45px | 281.25% | 33.75pt |
| 2.875em | 2.875rem | 46px | 287.5% | 34.5pt |
| 2.9375em | 2.9375rem | 47px | 293.75% | 35.25pt |
| 3em | 3rem | 48px | 300% | 36pt |
REM to PX Converter 도구는 REM 값을 픽셀 값으로 변환하는 데 도움이 됩니다.
REM에서 PX로 변환은 REM과 PX 간의 변환율을 계산하는 방법을 모르는 사용자를 돕기 위해 만들어졌습니다. 변환기는 사용하기 쉬운 그래픽 인터페이스를 제공하므로 사용자가 전환에 대한 배경 지식이 없어도 됩니다.
이 도구에는 측정 시스템의 다른 분기로 변환해야 하는 한 단위의 측정 값을 입력하기 위한 단일 버튼이 있는 최소한의 인터페이스가 있습니다.
CSS에서 rem은 "root em"을 의미합니다. 문서 루트 요소의 글꼴 크기와 동일한 측정 단위입니다. 루트 요소는 일반적으로 요소이며 글꼴 크기는 일반적으로
요소에 설정됩니다.rem 단위를 사용하면 글꼴 크기의 변화에 반응하는 방식으로 크기를 지정할 수 있습니다. 예를 들어 루트 요소의 글꼴 크기를 16px로 설정하면 1rem은 16px와 같습니다. . 나중에 루트 요소의 글꼴 크기를 20px로 변경하면 1rem이 자동으로 20px로 업데이트됩니다.
(REM) 루트 요소의 글꼴 크기는 픽셀 또는 사용자의 기본 글꼴 크기를 기준으로 설정할 수 있습니다. 픽셀 값을 지정하지 않으면 부모 요소에서 상속되며 일반적으로 기본적으로 16px입니다.
CSS의 PX는 픽셀을 의미합니다. 웹 페이지에서 요소의 크기 또는 거리를 지정하기 위해 CSS에서 사용되는 측정 단위입니다. 예를 들어 너비가 100px이면 요소의 너비가 100픽셀이 됩니다.
CSS에서 요소의 글꼴 크기를 설정하는 방법에는 두 가지가 있습니다. 첫 번째는 픽셀(px) 단위로 크기를 설정하는 것이고, 두 번째는 r로 설정하는 것입니다.사용자의 기본 글꼴 크기에 비례합니다.