Для того, чтобы перевести пиксели в REM, необходимо знать базовый размер шрифта (root font size), заданный в CSS. Пиксель (px) является абсолютной единицей измерения, в то время как REM является относительной единицей измерения, определенной относительно размера шрифта элемента html.
Формула перевода пикселей в REM выглядит следующим образом:
1rem = Число_пикселей / Базовый_размер_шрифта
Базовый размер шрифта обычно устанавливается на размер 16 пикселей по умолчанию в браузерах, но его также можно явно задать в CSS, используя свойство font-size для элемента html.
Допустим, нам нужно перевести значение в пикселях, равное 24px, в REM с использованием базового размера шрифта 16px.
1rem = 24px / 16px
1rem = 1.5rem
Таким образом, 24px будет равно 1.5rem.
Важно отметить, что REM относится к размеру шрифта элемента html, поэтому его использование для задания размеров других элементов, таких как отступы (margins) или паддинги (paddings), может быть неправильным. В этом случае лучше использовать другие единицы измерения, например, проценты (%), em или вьюпортные единицы измерения (vw, vh).