px是用來固定尺寸的單位，多用於pc端頁面；而rem是一個相對於html根元素的單位，適合用於簡單的行動端頁面。在專案中還是要根據特定開發要求來選擇最適合的長度單位
在前端開發中，CSS中的長度單位是必不可少的，因為在CSS中的眾多屬性都需要依賴長度單位來顯示各種頁面元素及效果，接下來將在文章中為大家具體介紹兩種常用的長度單位rem和px,希望對大家有所幫助
#【推薦課程：CSS教學】
px
## px意為像素，它是相對於顯示器螢幕解析度而言。用px設定字體大小時，效果會比較穩定和精確。但用px也存在一些問題例如：IE瀏覽器無法調整那些使用px作為單位的字體大小，因此會造成因設備螢幕大小使得頁面效果改變
remrem是CSS3新增的一個相對單位，當使用rem為元素設定字體大小時，它會相對於HTML根元素是。透過rem，我們只需要修改根元素就可以成比例的調整所有字體的大小，同時也可以避免字體大小逐層複合的連鎖反應。
範例：
!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!-- 用px单位--> px:<p style="font-size:14px; text-indent:28px"> 我是一段文字，我是一段文字，我是一段文字，我是一段文字，我是一段文字，我是一段文字，我是一段文字</p> <!-- 用rem单位，当前html的字体大小是16px--> rem:<p style="font-size:14px; text-indent:1.75rem"> 我是一段文字，我是一段文字，我是一段文字，我是一段文字，我是一段文字，我是一段文字，我是一段文字</p> </body> </html>效果圖如下：
#px與rem如何選擇
px適合用來固定尺寸，多用於pc端頁面，而rem更適合用於行動裝置頁面
rem實現的是在不同尺寸的螢幕上顯示大小一樣的內容，但使用者往往需要的是頁面效果隨著螢幕的大小改變而改變，所以rem在複雜的頁面上不佔任何優勢
所以在開發中，我們還是要根據實際開發情況來決定，例如有的專案只需要在pc端展示我們就可以使用px作為長度單位，有的專案需要做響應式開發就要看具體情況來決定了
#總結：以上就是本篇文章的全部內容了，希望對大家有幫助。
本文參考###：https://www.html.cn/book/css/values/length/index.htm####以上是web開發是用px還是rem的詳細內容。更多資訊請關注PHP中文網其他相關文章！
我們如何標記Google字體並創建Goofonts.comApr 12, 2025 pm 12:02 PMGoofonts是由開發人員和設計師丈夫簽名的附帶項目，它們都是版式的忠實擁護者。我們一直在標記Google
使用JavaScript API練習GraphQl查詢Apr 12, 2025 am 11:33 AM學習如何構建GraphQL API可能具有挑戰性。但是您可以學習如何在10分鐘內使用GraphQL API！碰巧的是，我得到了完美的
將類型設置在圓上...帶偏移路徑Apr 12, 2025 am 11:00 AM這裡是Yuanchuan的一些合法CSS騙局。有此CSS屬性偏移路徑。曾幾何時，它被稱為Motion-Path，然後被更名。我
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中，你可以繼續在那裡關注我們。 MinGW：GNU編譯器集合（GCC）的本機Windows移植版本，可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔；包括對MSVC執行時間的擴展，以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。
SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。
記事本++7.3.1
好用且免費的程式碼編輯器
Dreamweaver Mac版
視覺化網頁開發工具
SublimeText3 Linux新版
SublimeText3 Linux最新版
