em、rem

em:

    1em等同于它当前的font-size,在不同的代码片段中1em就会有不同的取值。

rem:

    rem指的是-根em,1rem等同于1个根font-size的取值,也就是1rem等同于<html>中的font-size。

使用细节:

    em用来完成模块化的组件,但是代码复杂性大;rem会使组件缺少模块化,但是便捷性大。

    如果这个属性根据它的font-size进行测量,则使用em;其他一切事物均使用rem(图片和文字同时缩放会出现缩放不一致的问题,实际开发px、%、rem配合media queries使用)

猜你喜欢

转载自blog.csdn.net/qq_39537116/article/details/79725205