Получать правильное значение Rem из px которые даем на вход функции, написал функцию но она работает не корректно, что не так?

Question

[Alex Polyakh]

Вот пример:
https://codepen.io/PolyakhAlex/pen/VrpLRW
rem(size) {
const baseFonts = 13;
const result = size / baseFonts;
return result + 'rem';
}

Answer 1

[Ivan Bogachev]

что не так?

По умолчанию font-size у корневого элемента (html в данном случае) не обязан быть равным 13. Так что нужно его явно задать:

:root {
    font-size: 13px;
}

Comments

[Stalker_RED]

А еще лучше получать его текущее значение, а не задавать.
Задается он в настройках браузера.

Answer 2

[sergski]

потому что по умолчанмю в браузере font-size: 16px;