今天小編給大家分享一下css3中rem和px有哪些區別的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
css3中rem和px的區別是：px是相對長度單位，是相對于顯示器屏幕分辨率而言的；而rem雖然也是相對單位，但是是相對于HTML根元素而言的。
本教程操作環境：windows10系統、CSS3&&HTML5版、Dell G3電腦。
1、px是相對長度單位，它是相對于顯示器屏幕分辨率而言的。
優缺點：比較穩定和精確，但在瀏覽器中放大或縮放瀏覽頁面時會出現頁面混亂的情況。
3、rem是CSS3新增的一個相對單位，REM是相對單位，是相對HTML根元素。當在根元素中使用rem設置font-size時，此時的1rem等于瀏覽器默認字體大小，大多數瀏覽器默認大小為16px
這個單位可謂集相對大小和絕對大小的優點于一身，通過它既可以做到只修改根元素就成比例地調整所有字體大小，又可以避免字體大小逐層復合的連鎖反應。
拓展資料
px：
px實際上就是像素，用PX設置字體大小時，比較穩定和精確。
但是這種方法存在一個問題，當用戶在瀏覽器中瀏覽我們制作的Web頁面時，如果改變了瀏覽器的縮放，這時會使用我們的Web頁面布局被打破，這樣對于那些關心自己網站可用性的用戶來說，就是一個大問題了。
rem：
rem是CSS3新增的一個相對單位（root em，根em），使用rem為元素設定字體大小時，仍然是相對大小，但相對的只是HTML根元素。這個單位可謂集相對大小和絕對大小的優點于一身，通過它既可以做到只修改根元素就成比例地調整所有字體大小，又可以避免字體大小逐層復合的連鎖反應。
例子：
p {font-size:14px; font-size:.875rem;}以上就是“css3中rem和px有哪些區別”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
