Я пытался реализовать функцию sass, переводящую Px в Rem, как этот https://css -tricks.com / snippets / sass / px-to-em-functions / # comment-1660199 или этот https://45royale.com/blog/convert-pixels-to-rems/.
По сути, функция будет выглядеть примерно так:
$browser-context: 16px; // default
@function rem($pixels, $context: $browser-context) {
@return #{$pixels/$context}rem;
}
Я немного запутался, потому что мне интересно, работает ли этот метод при масштабировании шрифтов в разных размерах области просмотра,Я имею в виду, если вы установите font-size: 10px (скажем, через медиа-запрос), то rem (32px) все равно приведет к 2rem, который затем будет вычислен до 20px, верно?Таким образом, rem (32px) приводит к вычисленному значению 20px, если размер шрифта установлен в 10px.Разве это не немного сбивает с толку?