一般瀏覽器預設1em=16px，通過設定font-size大小來代表如：16px*0.625=10px，其則代表1em=10px，直接上**(注釋的樣式為瀏覽器預設（1em=16px）的長寬)：
在進行轉換之前，我們一定要檢視瀏覽器預設字型（最小）大小，如chrome瀏覽器，預設字型最小為12px，所以即使我們為了方便設定1em=10px，其瀏覽器仍舊以1em=12px計算。
在進行轉換之前，我們一定要檢視瀏覽器預設字型（最小）大小，如chrome瀏覽器，預設字型最小為12px，所以即使我們為了方便設定1em=10px，其瀏覽器仍舊以1em=12px計算。
16px*0.75=12px=1em
body
或者rem與px，和em與px轉換是一樣的，二者區別在於前者預設從根元素繼承，後者從父級元素繼承，還是上述**，html我們不設定font-size，其預設為16px，上**展示（div3單位我們修改為rem）：
從上述我們可以看到，div3單位設定rem後，其並沒有根據body設定而變化，仍舊預設font-size：16px。所以為了方便，我們可以設定16px*1.25=20px，其代表1em為20px，同樣有利於我們計算。
區別CSS單位中的px，em，rem
px畫素 pixel 相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。引自css2.0手冊 px特點 1.ie無法調整那些使用px作為單位的字型大小 2.國外的大部分 能夠調整的原因在於其使用了em或rem作為字型單位 3.firefox能夠調整px和em，rem，但是96 以上的中國網民使用...
css中單位px，em，rem的區別
1,px畫素 pixel 相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。2,em是相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸 3,rem為元素設定字型大小時，仍然是相對大小，但相對的只是html根元素 4,任意瀏覽器的預...
CSS尺寸單位 px em rem 詳解
在css中，尺寸單位分為兩類 相對長度單位和絕對長度單位。相對長度單位按照不同的參考元素，又可以分為字型相對單位和視窗相對單位。字型相對單位有 em ex ch rem 視窗相對單位有 vw vh vmin vmax幾種。絕對長度單位則是固定尺寸，它們採用的是物理度量單位 cm mm in px p...