Rem, I set up font-size:62.5%;. Why 1rem=12px? shouldn't it be 1rem=10px?

/**  **/
*{
    margin: 0;
    padding: 0;
}
html{
    font-size: 62.5% !important;
}

I write this style, and then set height:10rem; to a div, but when I examine the element, I find that the height of the div is 120p x, why not 100px? I used the bootstrap, browser is chrome.

Mar.21,2021

I remember that the previous version of chrome does not support font-size < 12px default minimum that is, you set less than 12px and press 12px to show the recently updated version seems to support it. It is said that because google is afraid of the Chinese font is too small, it is too crowded to identify incompatibility, then you can use scale zoom solution


then you simply html {font-size:10px}.

Menu