scssでのルートフォントサイズの設定

Question

scssの以下の設定がpreprosでコンパイルすると以下になります
3.125vwは10pxですが、サイトの作りでiPhone5などの画面幅320pxのときは基準のフォントサイズを10pxとし、ルートより下ではremを指定してscssを記述してますが、コンパイル時にcalc関数でなくても、画面幅320pxのときは基準のフォントサイズを10pxとして処理されてますか？

scss

html {
  font-size: calc( 100vw / 32 );
}

prepros

html {
  font-size: 3.125vw;
}

Answer 1

画面幅320pxのときは基準のフォントサイズを10pxとして処理されてますか？

なります。

そして、なぜ、コンパイルしたとき、
その結果になるかというと、
calc 関数を使う意味がない計算式になっているからです。
scss上で、これはvw単位においての実数でよいと判断されたためかと思われます。

Comments

[nanashissss]

ご丁寧にありがとうございます！