scss和less px 轉rem

標籤：less   nts   寫法   編譯   cli   css   idt   根據   style   

1 首先設定預設字元大小

<script>            (function() {                var html = document.documentElement;                var hWidth = html.getBoundingClientRect().width;//根據屏寬調節大小                //                console.log( hWidth );                html.style.fontSize = hWidth / 15 + "px";//設定預設字元大小 25            })()        </script>

2 scss寫法：

@function t($px) {    @return $px / 50px * 1rem;}p {    width: t(20px);}

3 less 寫法：

@r:50rem;p{    width: 20/@r;}

4 編譯後：

p {  width: 0.4rem;}

 

scss和less px 轉rem