引入公用css
$browser-default-font-size: 16px !default; @function pxTorem($px) { //$px为需要转换的字号 @if (unitless($px)) { @return pxTorem($px + 0px); } @else if (unit($px) == em) { @return $px; } @return ($px / $browser-default-font-size) * 1rem; }
在使用时直接
.title {
margin-bottom: pxTorem(18); padding: 0 pxTorem(20); img { height: pxTorem(31); width: pxTorem(31); } }
按照常规UI设计图时,如果是px单位,传到pxTorem的除以2,pt单位时,直接按照原来的数值即可
原文:https://www.cnblogs.com/yixiancheng/p/12048216.html