Rem单位换算px单位的问题？

Question

html{
    font-size: 10px;
}

.main-box{
    width: 88rem;
    height: 520px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -484px;
    background-color: #fff;
    overflow: auto;
    /* padding: 40px; */
}

在谷歌的审查元素中，main-box的宽度是1000多px， 按照换算的话，应该是880px，很奇怪,已经去掉了padding，也检查了子元素。如果把.main-box的width直接写成880px，一切正常。

Answer 1

谷歌浏览器有12px字体大小限制，如果不使用一定手段，是无法使用12px以下的字体的

Answer 2

代码没问题，是不是缓存等问题