Calnex LogoCalnex
design

Конвертер PX в REM

Конвертация между CSS пикселями (px) и единицами rem с настраиваемым базовым размером шрифта. Включает справочную таблицу от 1px до 32px. Незаменим для адаптивного веб-дизайна.

Параметры

Числовое значение для конвертации.

Размер корневого шрифта в пикселях (в браузере по умолчанию — 16 пикселей).

Выберите px в rem или rem в px.

Результаты

Конвертированное Значение1rem

16px = 1rem (at 16px base)

Другие результаты (2)
CSS Код
font-size: 1rem; /* 16px */

Готовая к использованию декларация CSS

Краткий справочник (1–32 пикселя)
px | rem
---|---
1 | 0.0625
2 | 0.1250
3 | 0.1875
4 | 0.2500
5 | 0.3125
6 | 0.3750
7 | 0.4375
8 | 0.5000
9 | 0.5625
10 | 0.6250
11 | 0.6875
12 | 0.7500
13 | 0.8125
14 | 0.8750
15 | 0.9375
16 | 1.0000
17 | 1.0625
18 | 1.1250
19 | 1.1875
20 | 1.2500
21 | 1.3125
22 | 1.3750
23 | 1.4375
24 | 1.5000
25 | 1.5625
26 | 1.6250
27 | 1.6875
28 | 1.7500
29 | 1.8125
30 | 1.8750
31 | 1.9375
32 | 2.0000

Reference table: pixels to rem at 16px base

Почему стоит выбрать Конвертер PX в REM

Конвертер Px в Rem мгновенно преобразует единицы CSS в пиксели и rem для адаптивного веб-дизайна. Введите любое значение и базовый размер шрифта и получите преобразованный результат вместе с готовым фрагментом кода CSS и краткой справочной таблицей.

  • ✓Преобразует px в rem и rem в px с любым базовым размером шрифта.
  • ✓Создает готовые к копированию фрагменты кода CSS.
  • ✓Включает краткую справочную таблицу размером от 1 до 32 пикселей.
  • ✓Поддерживает дробные значения для точных преобразований.

Как использовать

  1. 1Введите значение единицы, которое вы хотите пересчитать.
  2. 2Установите базовый размер шрифта (по умолчанию — 16 пикселей, значение по умолчанию в браузере).
  3. 3Выберите направление конвертации: px в rem или rem в px.
  4. 4Просмотр преобразованного значения и фрагмента кода CSS
  5. 5Используйте справочную таблицу, чтобы быстро найти типичные конверсии.

Часто задаваемые вопросы (FAQ)

Что такое единица измерения rem в CSS?

Rem (корень em) — это единица CSS относительно размера шрифта корневого элемента (html). В отличие от em, который относится к родительскому элементу, rem всегда ссылается на одно и то же базовое значение, что делает его более предсказуемым для определения размера вложенных элементов.

Почему я должен использовать rem вместо px?

Использование rem позволяет вашему дизайну пропорционально масштабироваться, когда пользователи меняют размер шрифта браузера для обеспечения доступности. Пиксели — это абсолютные единицы, которые не реагируют на предпочтения пользователя, тогда как rem учитывает настройку корневого размера шрифта.

Каков базовый размер шрифта по умолчанию в браузерах?

All modern browsers default to 16px as the root font size. This means 1rem = 16px by default. However, users can change this in their browser settings, which is why using rem is better for accessibility.

Как мне преобразовать 24px в rem?

To convert 24px to rem with the default 16px base: 24 ÷ 16 = 1.5rem. Simply divide the pixel value by the base font size.

Могу ли я изменить базовый размер шрифта для моего проекта?

Yes. Many projects set a custom root font size (e.g., 62.5% to make 1rem = 10px for easier math). Enter your project's base font size in the converter to get accurate results.

Авторитетные источники и ссылки

CSS Values and Units - MDN Web Docs

Посмотреть источник

rem - CSS: Cascading Style Sheets | MDN

Посмотреть источник

The Battle Between px and rem

Посмотреть источник