pxからvwに（SCSS）

01. _setting.scssなどに下記を記述する

$viewportに基準となる画面幅をセット

// px2vw
$viewport: 1440;
@function pxvw($px) {
	@return (math.div($pxValue, $viewport) * 100) + vw;
}

// px2vw

$viewport: 1440;

@function pxvw($px) {

@return (math.div($pxValue, $viewport) * 100) + vw;

}

この場合font-size:16px

font-size: setting.pxvw(16);

1	font-size: setting.pxvw(16);

font-size: 0.8333333333vw;

1	font-size: 0.8333333333vw;

と出力されます。

カテゴリー:CSS

タグ:css scss