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

问题描述

问 题

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，一切正常。

解决方案

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

这篇关于javascript - Rem单位换算px单位的问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！