在使用“em”作单位时，一定需要知道其父元素的设置，因为“em”就是一个相对值，而且是一个相对于父元素的值，其真正的计算公式是：
1 ÷ 父元素的font-size × 需要转换的像素值 = em值
例如你父类的字体大小是10px ，你现在想设置子类字体大小是20px， 1/10*20=2，所以设置2em，em就会随着用户在浏览器中放大缩小变化而变化，如果直接设置成20px的话，就不会随用户放大缩小变化而变化，使用em有个问题，每次都要知道父类的像素，比较麻烦
后来css引入rem，而rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值，，在根元素中设置多大的字体，这完全可以根据您自己的需求，一般设置成10px，方便后面使用，都在默认1rem=16px，设置之后1rem =10 px
html{ font-size :62.5%;} 10/16*100%=62.5%
body{font-size:1.4 rem} 14px
h1{font-size:2.4rem} 24px
扫一扫
2082
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
