css中em的效果

1、添加3个div

2、实际的效果

3、添加样式

4、此时的效果和px效果等同

5、在每个div内部在添加一个div

6、内部字体的大小和上级保持一致

7、添加内部div样式,字体大小统一0.5em

8、此时内部div字体大小等于上级字体大小的百分之50

1、em与px的区别:

1.px在各个环境下保持一致

2.em类似于百分比,上级字体大小乘以em的大小