在不同视口中缩放字体时，Px-to-Rem功能是否起作用？

Question

我一直在尝试实现一个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 on（例如，通过媒体查询），那么rem（32px）仍将产生2rem，然后将其计算为20px，对吧？因此，如果将font-size设置为10px，则r​​em（32px）的计算值为20px。有点困惑吗？