1、px
px是pixel的縮寫，中文翻譯是像素的意思；我們一般用來設置元素的寬高、字體大小，查了一下它不是自然界的長度單位。px是就是一張圖片中最小的點，一張圖就是由這些點構成的。1024px就是1024像素，如果是1024px×768px，也就是說水平方向上有1024個點，垂直方向上有768個點。誰能說出一個“點”有多長多大么？可以畫的很小，也可以很大。如果點很小，那畫面就清晰，我們稱它為“分辨率高”，反之，就是“分辨率低”。所以，像素的大小是會“變”的，也稱為“相對長度”.
特點：不會隨着瀏覽器的大小改變而改變，只要設定就是個固定值。
2、em
em也是css中的相對單位，它是相對於父元素的字體大小來定的，如果你的父元素字體大小：font-size: 20px;那么子元素1em=20px; 如果父元素沒有設置字體大小，那么會以瀏覽器默認的字體大小來定，瀏覽器默認字體大小是：font-size: 16px; 那么現在的1em=16px。
特點：會隨着瀏覽器大小改變而改變。
3、rem
rem是root em的縮寫，root的中文翻譯是根的意思，在頁面中只有一個html是根元素，所以是根據html來定的，如果設置
html {
font-size: 25px;
}
那么1rem=25px。
特點：會隨着瀏覽器的大小改變而改變。