[Scss] mixin으로 px->vw로 변환 하기

Dev_Oh·2023년 2월 28일
0

CSS

목록 보기
2/2

px를 vw로 변환 하는 공식
= (10px*100)/viewport width

@mixin px-vw($prop,$val, $base:1000){
  #{$prop}:($val/$base) * 100vw;
  /*
  px->vw 변환비율구하기 =
  px에 100곱하고 나누기 너비
  */
  
 #content{
  @include px-vw(font-size, 50px);
}
  
}

compile to

#content {
    font-size: 5vw;
}
profile
웹개발이 재밌다. 8년차 웹퍼블리싱

0개의 댓글