px
px像素（Pixel）。相對長度機關。像素px是相對于顯示器螢幕分辨率而言的。
任意浏覽器的預設字型高都是16px.
em
em是相對長度機關。相對于目前對象内文本的字型尺寸。如目前對行内文本的字型尺寸未被人為設定，則相對于浏覽器的預設字型尺寸。
em的值并不是固定的；
em會繼承父級元素的字型大小。
rem
使用rem為元素設定字型大小時，仍然是相對大小，但相對的隻是HTML根元素。rem可謂集相對大小和絕對大小的優點于一身，通過它既可以做到隻修改根元素就成比例地調整所有字型大小，又可以避免字型大小逐層複合的連鎖反應。
When you touch SCSS files please add a UI Dev as a reviewer otherwise it makes it very hard for us to keep track of the Design System evolution code wise (e.g. most of B2B font size values are set in px when we agreed a long time ago to either use rems or sass variables as well as to steer clear of CSS Grid).