media 媒体查询这里怎么理解呢？

Question

html {font-size: 62.5%!important; /* 10÷16=62.5% */}
@media only screen and (min-width: 481px){
    html {
        font-size: 94%!important; /* 15.04÷16=94% */
    }
}
@media only screen and (min-width: 561px){
    html {
        font-size: 109%!important; /* 17.44÷16=109% */
    }
}
@media only screen and (min-width: 641px){
    html {
        font-size: 125%!important; /* 20÷16=125% */
    }
}

默认根字体大小 62.5%，这是多大呢？12px？16px？

min-width: 481px ，浏览器最小宽度达到 481px，字体大小变成 94%？

是不是可以这样理解：

分辨率小于481px，字体大小就是62.5%，就是默认那个html设置。
分辨率大于481px，字体大小就是94%
分辨率大于561px，字体大小就是109%
分辨率大于641px，字体大小就是125%

Answer 1

1：因为设了62.5%后就有1rem = 10px，便于用rem来指定元素的尺寸，这样响应式的时候可以直接改变font-size而无需计算其他各种样式中出现的尺寸了。
2：浏览器宽度大于481px时，是1rem =15.04px；然后你的min-width: 561px又有1rem =17.44px；
这样的话，在481px和561px之间1rem =15.04px；

是你上面那样理解。只是效果的话
分辨率小于481px，字体大小就是62.5%，就是默认那个html设置。
分辨率大于481px小于561px，字体大小就是94%
分辨率大于561px小于641px，字体大小就是109%
分辨率大于641px，字体大小就是125%