请问@px2rem是什么时候被调用的？

我的理解是，$px相当于任何时候需要加载css, 遇到css中的字符串，比如"20px"的，全部通过px2rem替换为"大小+rem"， 可以这样理解吗？ 

另外一个问题是我试了一下更改$fontSize， 发现屏幕大小并没有变化，这个是什么原因呢？

@import 'reset';

$fontSize: 20;

@function px2rem($px) {

  @return ($px/$fontSize) + rem;

}

@mixin center() {

  display: flex;

  justify-content: center;

  align-items: center;

}