(魔芋例子:<h1>天空</h1>h1 {font-size:10px;margin:2em;} //那么margin的值为20px;)body {font-size:10px;}h1 {margin:2em;}//此时,h1的font-size为:2em。计算为body的font-size*2em.然后为font-size:20px。margin再次计算20px*2em=40px。此时,margin:40px;body {font-size:20px;}p {margin:3em;} //此时,由于最小字体为12px.那么20px*3em = 60px; body {font-size:20px;} .bo {font-size:2em;color:red;} p {line-height:3em;}// line-height为120px| IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
|---|---|---|---|---|---|---|---|
| 6.0+ | 2.0+ | 4.0+ | 3.1+ | 3.5+ | 3.2+ | 2.1+ | 18.0+ |

原文:http://www.cnblogs.com/moyuling/p/4955937.html