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以下的字体的