sassでpxをremに変換

437 ワード

CSSのコンパイルをsassとリアルタイムでリスニングします.pxをrem SASS関数に自動的に変換できます:(使用時に直接関数を呼び出す)
@function torem($px){//$px        
    @return $px / 100px * 1rem; //100px      
}
 
.first{
   font-size:torem(100px); 
   height:torem(10px);
   width:torem(200px);
  }

コンパイル後:
.first{
   font-size:1rem;
   height:.1rem;
   width:2rem;
   }

変換元:https://blog.csdn.net/dx18520548758/article/details/79614507