前言：在寫頁面的時候對頁面的佈局和樣式的設置必然少不了像素的操作。比如：字體的大小，盒子之間的距離。下面我就給簡單的給大家介紹下px,em,rem以及他們相同點與區別。
相同點：
px、em、rem都是計量單位，都能表示尺寸。
不同點：
Px表示“絕對尺寸”（並非真正的絕對），實際上就是css中定義的像素（此像素與設備的物理像素有一定的區別，後續詳細說明見文末說明1），利用px設置字體大小及元素寬高等比較穩定和精確。Px的缺點是其不能適應瀏覽器縮放時產生的變化，因此一般不用於響應式網站。
em表示相對尺寸，其相對於當前對象內文本的font-size（如果當前對象內文本的font-size計量單位也是em，則當前對象內文本的font-size的參考對象爲父元素文本font-size）。使用em可以較好的相應設備屏幕尺寸的變化，但是在進行元素設置時都需要知道父元素文本的font-size及當前對象內文本的font-size，如有遺漏可能會導致錯誤。
rem也表示相對尺寸，其參考對象爲根元素<html>的font-size，因此只需要確定這一個font-size。
結尾：
分享：沒有收拾殘局的能力，就別放縱善變的情緒！