关于移动端 em 尺寸单位自适应的问题！！！

Question

我知道rem做自适应布局是用js动态获取设备宽度，然后修改html字体尺寸，从而让使用rem单位的元素自动缩放，那em单位是如何做到自适应呢？求解！有案例最好，谢谢！

Answer 1

em准确的说是相对于父节点的字号来计算的，如果自身定义了字号那么就相对自身字号来计算

html { font-size: 100%; }.box-0 {    height: 1em; /* 此时height等于16px */}.box-1 { 
    font-size: 0.625em; /* 此时基准字号以变更为16*0.625=10px */ 
    height: 1em; /* 此时实际height等于10px */}