2.em是相對長度單位。相對於當前對象中文本的字體大小。如果當前未設置內嵌文本的字體大小,則它是相對於瀏覽器的默認字體大小而言的。
3.rem是css3中壹個新的相對單元(根)。與html根元素相比,rem結合了相對大小和絕對大小的優點。通過它,只需修改根元素即可按比例調整所有字體大小,避免字體大小逐層復合的連鎖反應。目前市面上主流的瀏覽器基本都支持。對於不支持的瀏覽器,解決方法也很簡單,就是多寫絕對單位。
總結:
1,px,em,rem,都是計量單位,都可以表示維度。Px是“絕對大小”,它不是真正絕對的。
2.em和rem都是相對大小,但它們的相對對象不同。前者相對於父元素的字體大小,後者相對於根元素的字體大小。
3.em和rem單元的字體大小不是固定的,它們都是由字體大小計算的像素值。因此,兩者大多用於響應式布局。
註意:
您選擇使用什麽字體單位主要取決於您的項目。如果您的用戶群使用最新版本的瀏覽器,建議使用rem。如果要考慮兼容性,那麽使用px,或者兩者都用。