em单位 · css3

## em 单位参照父元素的字体大小比如 ``` { width:20em; } ``` ## 那么css里 width里参照的是他的父元素里字体大小 ``` 字体大小*20em= px; 浏览器默认大小是16px 那么20em就是 320PX； ``` ## rem ``` 参照根元素字体的大小，不是参照父元素 ``` html 默认为16px; ``` 字体大小*20em= px; 浏览器默认大小是16px 那么20em就是 320PX； ``` 代码案例： ~~~ <style> .dy1{ width:20em; height:10em; background-color: brown; } </style> </head> <body> <div class="dy1"></div> </body> ~~~