pxからvwに(SCSS)
01. _setting.scssなどに下記を記述する
$viewportに基準となる画面幅をセット
1 2 3 4 5 |
// px2vw $viewport: 1440; @function pxvw($px) { @return (math.div($pxValue, $viewport) * 100) + vw; } |
02. pxからvwにしたいcssで下記を記述
この場合font-size:16px
1 |
font-size: setting.pxvw(16); |
03. コンパイルする
1 |
font-size: 0.8333333333vw; |
と出力されます。