The conversion of REM in CSS

REM seems to also be a relative size value, which is relative to the root element html｛font-size: 87.5%;｝ (that is, 14px, which is the setting in the Twentytwelve default theme). Then the other font is the value that you want to divide by 14 , such as the default Twentytwelve theme size is 960px, and the conversion to REM is 960/14=68.57142857142857rem (which I use computer calculators to calculate, More accurate than the default, hehe), padding 24px is 24/14=1.714285714285714rem (certainly more accurate than the CSS file), and so on.

The above 14 is a variable, relative to your root element HTML font size settings, if you set the 62.5%, then the divisor becomes 10, the table

The above 14 is a variable, relative to your root element HTML font size settings, if you set the 62.5%, then the divisor becomes 10, the comparison chart as the right:

The advantage of this REM unit is what I don't know, but if you choose 62.5% of the font size of the root element, then the conversion between PX and REM is px directly divided by 10 to get REM, which is much simpler than EM, and now I have no idea how the conversion between EM and px.

In addition, the REM in IE8 and IE8 the following version does not support other browsers are supported, if you want to consider IE8 and a bit, you can like the twentytwelve default file set px and then set a REM can be.

The conversion of REM in CSS