@function rem($px) {
@return ($px / 100) * (1rem);
}
body {
color: #505050;
font-size: .14rem;
line-height: 1.5;
font-family: "Microsoft Yahei", "PingFang SC", "SimSun", "Helvetica Neue", Helvetica, Arial, sans-serif, Tahoma;
background: #efefef;
// padding: 0 !important;
}
html {
font-size: 625%;
@media screen and (min-width: 1440px) {
font-size: 700%;
}
}
@media (max-width: 640px) and (min-width: 0) {
$vw_fontsize: 75;
$vw_design: 750;
$minWidth: 320px;
$maxWidth: 640px;
html {
font-size: ($vw_fontsize / ($vw_design / 2)) * 100vw;
@media screen and (max-width: $minWidth) {
font-size: $minWidth / 5;
}
@media screen and (min-width: $maxWidth) {
font-size: $maxWidth/5;
}
}
}