em 和 rem

em

• em会按照当前元素的字体大小来确定1em等于多少
• 如果当前元素的字体大小是16, 那么1em=16px
• 如果当前元素没有设置字体大小, 那么就会参考祖先元素的字体大小
• 如果祖先元素也没有设置字体大小, 那么会参考浏览器默认的字体大小

rem

• rem会按照根元素(html)字体大小来确定1em等于多少
• 如果设置了根元素的字体大小, 那么1em就等于根元素的字体大小
• 如果根元素没有设置字体大小, 那么会参考浏览器默认的字体大小