mobile webiste 中的css的font-size em及line-height等換算

　　在mobile web設計 中，咱們經常須要使用em這個字體大小的單位。em究竟是多少呢？

em到底應該設置爲多少個em呢？一般換算成方法是1em=target fontsize we want/fontsize of containing element  ,好比咱們設置html tag的font-size爲默認的16px, 爲了換算方便，咱們把body的font-size設置爲10px,也就是說browser的默認font-size爲10px，對於body來講，其context就爲html的font-size(16px)，所以body{font-size: 62.5%;/*1em=10px做爲基線*/}h1但願設置爲30px，則h1的em值應該設置爲30px/10px=3em

當在一個element上設置flexible margin時，context是元素的container的width

當在一個element上設置flexible padding時，context是元素自己的width!

fluid site: Fluid grid, Relative values(percentages);

對於line-height屬性咱們也能夠設置爲em和300%的百分比或者直接爲3的數字，這個百分比和數字的區別在於300%要先根據font-size計算後再繼承進line-height中，而3這個數字則直接從font-size中繼承