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 в PX помогает преобразовать значение REM в значение Pixel.
Конвертировать REM в PX создан, чтобы помочь пользователям, которые не знают, как рассчитать коэффициент конверсии между REM и PX. Конвертер предлагает простой в использовании графический интерфейс, поэтому от пользователя не требуется каких-либо базовых знаний о преобразованиях.
Этот инструмент имеет минималистичный интерфейс с одной кнопкой для ввода значения измерения в одной единице, которое необходимо преобразовать в другую ветвь системы измерения.
В CSS rem означает "root em". Это единица измерения, равная размеру шрифта корневого элемента документа. Корневым элементом обычно является элемент , а размер шрифта обычно задается в элементе
.Использование единиц rem позволяет вам указывать размеры таким образом, чтобы они реагировали на изменения размера шрифта. Например, если вы установите размер шрифта корневого элемента равным 16px, тогда 1rem будет равен 16px. . Если позже вы измените размер шрифта корневого элемента на 20 пикселей, то 1rem будет автоматически обновлен до 20 пикселей.
Размер шрифта корневого элемента (REM) можно задать в пикселях или относительно размера шрифта пользователя по умолчанию. Если значение пикселя не указано, оно наследуется от своих родительских элементов, обычно по умолчанию 16 пикселей.
PX в CSS означает пиксели. Это единица измерения, используемая в CSS для указания размера или расстояния до элемента на веб-странице. Например, ширина 100 пикселей означает, что элемент будет иметь ширину 100 пикселей.
В CSS есть два способа задать размер шрифта элемента. Первый устанавливает размер в пикселях (px), а второй устанавливает его rотносительно размера шрифта пользователя по умолчанию.