Em 和 Rem：有什麼區別？
發佈於2024-11-09
瀏覽：421
簡介：rem和em都是CSS中的大小單位。 Rem 是 root 元素的字體大小。 Em 是本機上下文的字體大小。
em 單位 是從印刷版式世界借來的，它是一個允許設定元素的字體大小相對於其組件層次結構中最接近的聲明字體大小的單位。
rem 單元 是 root em 的縮寫，總是引用根元素（即 元素）的字體大小值。如果 元素沒有指定的字體大小，則使用瀏覽器預設的 16px。
這兩個單位都可以用於任何大小的屬性，例如邊距和行高。如果是這樣，則 rem 保持其一致的定義。另一方面，Em 引用元素自己的字體大小。
開發商的看法
我承認我在寫的程式碼中用em的次數多了，但是學了這個之後，rem比em更直觀、更可靠！從現在開始，我將使用 rem，除非我特別想考慮本地化上下文中的大小。
如果您是 HTML 開發人員，熱衷於加入拯救世界的使命，請加入 Salvation Company 的團隊，我們正在做這件事！技術發展是我們所做工作的一個確定因素，並且為新手和高級架構師工程師提供了空間！ （還有產品經理、設計師、技術人員、學生、顧問、數學家，還有…）房間是開放的；你必須保持尊重。無論如何這也是救贖嗎？再見！
一個
版本聲明
本文轉載於：https://dev.to/theholyspirit/em-and-rem-whats-the-difference-iol?1如有侵犯，請聯絡[email protected]刪除
最新教學
更多>
-
Bootstrap 4 Beta 中的列偏移發生了什麼事？Bootstrap 4 Beta：列偏移的刪除和恢復Bootstrap 4 在其Beta 1 版本中引入了重大更改柱子偏移了。然而，隨著 Beta 2 的後續發布，這些變化已經逆轉。 從 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中， offset-md-*...程式設計 發佈於2024-11-09 -
在 Go 中使用 WebSocket 進行即時通信构建需要实时更新的应用程序（例如聊天应用程序、实时通知或协作工具）需要一种比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方！今天，我们将探讨如何在 Go 中使用 WebSocket，以便您可以向应用程序添加实时功能。 在这篇文章中，我们将介绍： WebSoc...程式設計 發佈於2024-11-09
-
為什麼在 Java 中使用相同的種子時會得到相同的隨機數？具有固定種子的Java隨機數：為什麼輸出相同？ 在您的程式碼中，您定義了一種使用以下命令產生隨機數的方法指定的種子。但是，您會注意到，當您提供相同的種子時，所有 100 個產生的數字都是相同的。 此行為是預期的，因為在 Random 建構函式中使用相同的種子會產生可預測的數字序列。種子是初始化隨機數...程式設計 發佈於2024-11-09
-
jQuery Chaining 如何簡化開發並提高程式碼效率？理解 jQuery 中的物件和方法連結在 jQuery 中，連結允許在單一語句中串聯多個 jQuery 方法。這使開發人員能夠簡化程式碼並輕鬆執行複雜的操作。 連結的基本原理涉及每個 jQuery 方法的回傳值。當呼叫 jQuery 方法時，它通常會傳回一個表示所選元素的 jQuery 物件。這允許...程式設計 發佈於2024-11-09
-
Hono.js 基準測試：Node.js、Deno 和 Bun — 哪個最快？Deno 2.0 剛剛發布，並聲稱比 Bun 和 Node.js 更快，同樣，Bun 也聲稱更快。這引起了我的興趣，所以我決定測試它們的性能，看看它們在現實場景中的比較。 為了公平比較，我需要選擇一個與所有三種 JavaScript 執行時間環境（Node.js、Deno 和 Bun）相容的框架。...程式設計 發佈於2024-11-09
-
何時應該使用 Tkinter 的 Entry Get 函數來有效檢索輸入？Tkinter Entry 的Get 函數：深入探討其功能和用法在Tkinter 中，Entry 小部件通常用於收集用戶輸入以進一步收集使用者輸入然而，與Entry 關聯的get() 函數通常無法產生所需的結果，這可能會讓開發人員感到困惑。本文深入探討 get() 的概念，全面了解其執行與應用。 理...程式設計 發佈於2024-11-09
-
如何克服 PHP 中日期表示的 2038 限制？PHP 中的日期表示：克服2038 年限制雖然PHP 的原生日期函數在2038 年有一個截止日期，但還有其他方法處理超出此限制的日期。其中一種方法是僅儲存年、月和日，而忽略小時、分鐘、秒和毫秒部分。 透過丟棄這些附加時間部分，可以顯著擴展可表示日期的範圍。這是因為這些元件中的每一個都佔用了 PHP ...程式設計 發佈於2024-11-09
-
如何在 Go (Gorilla) 中向特定客戶端發送有針對性的 Websocket 更新？在Go (Gorilla) 中向特定客戶端發送Websocket 更新儘管是Go 新手，但您尋求有關實現Websocket 通信的指導您的預輸入項目。您已嘗試利用 Gorilla 的 GitHub 儲存庫中的範例，但在理解如何識別特定客戶端並針對 websocket 更新進行定位方面遇到了挑戰。 要...程式設計 發佈於2024-11-09
-
使用swoole作為基於ESP6的腳本可程式控制器的雲端物聯網閘道框架腳本可程式控制器的本機功能基本上已完成，開始實現遠端相關功能。 遠端系統整體架構如下： 使用ESP8266的SDK實作tcp伺服器和tcp客戶端。 在tcp伺服器的基礎上編寫http協議解析程式碼，設計簡單的http伺服器，處理與瀏覽器的資料交互，包括內建網頁的下載，並使用ajax技術獲取狀態並...程式設計 發佈於2024-11-09
-
為什麼在 Java 的 Random 類別中設定種子會傳回相同的數字？Java隨機數產生：為什麼設定種子會回傳相同的數字？ 儘管將Random類別的種子設定為特定值，但隨機數產生器始終會傳回相同的數字。讓我們探討一下可能導致此問題的原因。 了解 Random 類別和種子初始化Java Random 類別旨在產生偽隨機數。預設情況下，它使用其內部時鐘作為種子值，使其產生...程式設計 發佈於2024-11-09
-
如何克服使用反射設定結構體欄位值時 SetCan() 總是傳回 False 的問題？使用結構體的 SetString 探索反射反射提供了動態操作 Go 結構的強大工具。在此範例中，我們在嘗試使用反射來設定結構體欄位的值時遇到一個常見問題：CanSet() 始終傳回 false。這種障礙阻止了字段修改，使我們陷入困境。 識別陷阱提供的程式碼片段突顯了兩個基本錯誤：傳遞值而非指標： ...程式設計 發佈於2024-11-09
-
為什麼 MySQL 中帶有子查詢的「IN」查詢很慢，如何提升效能？MySQL 中帶有子查詢的緩慢「IN」查詢當使用子查詢時，使用「IN」運算子的MySQL查詢可能會表現出顯著的效能下降檢索「IN」子句的值很複雜。在這種情況下，用明確值取代子查詢結果會顯著縮短執行時間。 要了解此行為的原因，需要注意的是，每次評估「IN」查詢時，MySQL 都會執行子查詢。在提供的範...程式設計 發佈於2024-11-09
-
如何使用WinAPI取得螢幕解析度？使用 WinAPI 取得螢幕解析度在 WinAPI 中，存在多個函數來決定目前螢幕解析度。適當的選擇取決於具體要求。 檢索顯示尺寸檢索顯示尺寸檢索顯示尺寸 主監視器：使用GetSystemMetrics(SM_CXSCREEN) 和GetSystemMetrics( SM_CYCYSEN) 取得主顯...程式設計 發佈於2024-11-09
-
如何修復透過 Gmail REST API 發送電子郵件時出現的「400 錯誤請求 + 失敗前提條件」錯誤？Gmail REST API：解決“400 Bad Request Failed Precondition”錯誤嘗試使用Gmail REST API 與伺服器發送電子郵件時-到伺服器授權時，您可能會遇到一條錯誤訊息，指出「400 Bad Request Failed Precondition」。此錯...程式設計 發佈於2024-11-09
學習中文
- 1 走路用中文怎麼說？ 走路中文發音，走路中文學習
- 2 坐飛機用中文怎麼說？ 坐飞机中文發音，坐飞机中文學習
- 3 坐火車用中文怎麼說？ 坐火车中文發音，坐火车中文學習
- 4 坐車用中文怎麼說？ 坐车中文發音，坐车中文學習
- 5 開車用中文怎麼說？ 开车中文發音，开车中文學習
- 6 游泳用中文怎麼說？ 游泳中文發音，游泳中文學習
- 7 騎自行車用中文怎麼說？ 骑自行车中文發音，骑自行车中文學習
- 8 你好用中文怎麼說？ 你好中文發音，你好中文學習
- 9 謝謝用中文怎麼說？ 谢谢中文發音，谢谢中文學習
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
