// 截取部分代码

$s-main-color: #303133;
$s-content-color: #606266;
$s-tips-color: #909193;
$s-light-color: #c0c4cc;
$s-border-color: #dadbde;
$s-bg-color: #f3f4f6;
$s-disabled-color: #c8c9cc;
...

/**
 * 适配基准字号配置文件 rem.scss
 */

// 正常1倍屏，基准字号是16px
@media screen and (-webkit-max-device-pixel-ratio: 1){
    html {
        font-size: 16px;
    }
}

// 正常2倍屏，基准字号是32px
@media screen and (-webkit-min-device-pixel-ratio: 1) and (-webkit-max-device-pixel-ratio: 2) {
    html {
        font-size: 32px;
    }
}

// 正常3倍屏及以上，基准字号是48px
@media screen and (-webkit-min-device-pixel-ratio: 2) {
    html {
        font-size: 48px;
    }
}

// 1倍屏且屏幕宽度小于300px，基准字号是14px
@media screen and (max-width: 300px)  and (-webkit-max-device-pixel-ratio: 1){
    html {
        font-size: 14px;
    }
}