今天說一個經(jīng)常用，但是沒注意的問題，在設(shè)置字體大小的時候我們可以用px也可以用em，但是px與em到底有什么差別呢，今天我們來說一下。

px像素(Pixel)：

px是相對長度單位。像素px是相對于顯示器屏幕分辨率而言的。

em：

em也是相對長度單位，是相對于當前字體大小的尺寸，這個字體可以是設(shè)置的，也可以是繼承的。如果沒設(shè)置，就是相對于瀏覽器默認的字體大小（16px）。

px與em的區(qū)別：

1.em的值并不是固定的,是根據(jù)當前字體的大小而定，1em就是當前字體的大小。而px的大小是固定。

2.em可以繼承自父容器，而px不行。

3.在IE中px的字體是不能夠改變大小的（在IE上方點擊 查看 > 文字大小）。

實例效果

 
 
ul li{list-style-type:none; } 
.em{font-size:2em;} 
.px{font-size:32px; } 
 
 
 
 
  我的大小是2em 
  我的大小是32px 
 
 

以上代碼中，由于沒有進行特別的字體設(shè)置，所以"我的大小是2em"的字體大小就繼承了瀏覽器的默認設(shè)置，即1em=16px，那么2em也就等于32px。下面就看一個不是默認16px的情況，代碼如下:

 
 
ul li{list-style-type:none; } 
.first{font-size:12px;} 
.em{font-size:2em;} 
.px{font-size:32px;} 
.test{font-size:24px;} 
 
 
 
 
  我的字體大小是2em