Em 和 Rem：有什麼區別？
發佈於2024-11-09
瀏覽：792
簡介：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]刪除
最新教學
更多>
-
同實例無需轉儲複製MySQL數據庫方法在同一實例上複製一個MySQL數據庫而無需轉儲在同一mySQL實例上複製數據庫，而無需創建InterMediate sqql script。以下方法為傳統的轉儲和IMPORT過程提供了更簡單的替代方法。 直接管道數據 MySQL手動概述了一種允許將mysqldump直接輸出到MySQL cli...程式設計 發佈於2025-05-04 -
在Go語言中如何簡潔定義10的冪常量在GO 利用浮點線文字一種簡潔的方式是使用浮點文字，該方法是使用floingpoint protals。寫作1E3比寫作1000更有效。這是一個示例（67個沒有空間的字符）：的文字用於未構圖的整數常數，我們可以將1000用於KB，並用KB將隨後的常量乘以KB，如下所示（77個沒有空格的字符）：，作...程式設計 發佈於2025-05-04
-
如何處理PHP文件系統功能中的UTF-8文件名？在PHP的Filesystem functions中處理UTF-8 FileNames 在使用PHP的MKDIR函數中含有UTF-8字符的文件很多flusf-8字符時，您可能會在Windows Explorer中遇到comploreer grounder grounder grounder gro...程式設計 發佈於2025-05-04
-
-
如何同步迭代並從PHP中的兩個等級陣列打印值？同步的迭代和打印值來自相同大小的兩個數組使用兩個數組相等大小的selectbox時，一個包含country代碼的數組，另一個包含鄉村代碼，另一個包含其相應名稱的數組，可能會因不當提供了exply for for for the uncore for the forsion for for ytry...程式設計 發佈於2025-05-04
-
在Java中如何為PNG文件添加坐標軸和標籤？如何用java 在現有png映像中添加軸和標籤的axes和labels如何註釋png文件可能具有挑戰性。與其嘗試可能導致錯誤和不一致的修改，不如建議在圖表創建過程中集成註釋。 使用JFReechArt import java.awt.color; 導入java.awt.eventqueue; 導...程式設計 發佈於2025-05-04
-
C++中如何將獨占指針作為函數或構造函數參數傳遞？在構造函數和函數中將唯一的指數管理為參數 unique pointers（ unique_ptr [2啟示。通過值： base（std :: simelor_ptr n） ：next（std :: move（n））{} 此方法將唯一指針的所有權轉移到函數/對象。指針的內容被移至功能中，在操作...程式設計 發佈於2025-05-04
-
如何將來自三個MySQL表的數據組合到新表中？mysql：從三個表和列的新表創建新表 答案：為了實現這一目標，您可以利用一個3-way Join。 選擇p。 *，d.content作為年齡 來自人為p的人 加入d.person_id = p.id上的d的詳細信息 加入T.Id = d.detail_id的分類法 其中t.taxonomy ...程式設計 發佈於2025-05-04
-
如何使用Python的請求和假用戶代理繞過網站塊？如何使用Python的請求模擬瀏覽器行為，以及偽造的用戶代理提供了一個用戶 - 代理標頭一個有效方法是提供有效的用戶式header，以提供有效的用戶 - 設置，該標題可以通過browser和Acterner Systems the equestersystermery和操作系統。通過模仿像Chro...程式設計 發佈於2025-05-04
-
在細胞編輯後，如何維護自定義的JTable細胞渲染？在JTable中維護jtable單元格渲染後，在JTable中，在JTable中實現自定義單元格渲染和編輯功能可以增強用戶體驗。但是，至關重要的是要確保即使在編輯操作後也保留所需的格式。 在設置用於格式化“價格”列的“價格”列，用戶遇到的數字格式丟失的“價格”列的“價格”之後，問題在設置自定義單元...程式設計 發佈於2025-05-04
-
如何高效地在一個事務中插入數據到多個MySQL表？mySQL插入到多個表中，該數據可能會產生意外的結果。雖然似乎有多個查詢可以解決問題，但將從用戶表的自動信息ID與配置文件表的手動用戶ID相關聯提出了挑戰。 使用Transactions和last_insert_id（） 插入用戶（用戶名，密碼）值（'test'，'tes...程式設計 發佈於2025-05-04
-
在JavaScript中如何獲取實際渲染的字體，當CSS字體屬性未定義時？Accessing Actual Rendered Font when Undefined in CSSWhen accessing the font properties of an element, the JavaScript object.style.fontFamily and objec...程式設計 發佈於2025-05-04
-
PHP SimpleXML解析帶命名空間冒號的XML方法在php 很少，請使用該限制很大，很少有很高。例如：這種技術可確保可以通過遍歷XML樹和使用兒童（）方法（）方法的XML樹和切換名稱空間來訪問名稱空間內的元素。程式設計 發佈於2025-05-04
-
如何使用替換指令在GO MOD中解析模塊路徑差異？在使用GO MOD時，在GO MOD 中克服模塊路徑差異時，可能會遇到衝突，其中可能會遇到一個衝突，其中3派對軟件包將另一個帶有導入套件的path package the Imptioned package the Imptioned package the Imported tocted pac...程式設計 發佈於2025-05-04
-
PHP陣列鍵值異常：了解07和08的好奇情況PHP數組鍵值問題，使用07&08 在給定數月的數組中，鍵值07和08呈現令人困惑的行為時，就會出現一個不尋常的問題。運行print_r（$月份）返回意外結果：鍵“ 07”丟失，而鍵“ 08”分配給了9月的值。 此問題源於PHP對領先零的解釋。當一個數字帶有0（例如07或08）的前綴時，PHP...程式設計 發佈於2025-05-04
學習中文
- 1 走路用中文怎麼說？ 走路中文發音，走路中文學習
- 2 坐飛機用中文怎麼說？ 坐飞机中文發音，坐飞机中文學習
- 3 坐火車用中文怎麼說？ 坐火车中文發音，坐火车中文學習
- 4 坐車用中文怎麼說？ 坐车中文發音，坐车中文學習
- 5 開車用中文怎麼說？ 开车中文發音，开车中文學習
- 6 游泳用中文怎麼說？ 游泳中文發音，游泳中文學習
- 7 騎自行車用中文怎麼說？ 骑自行车中文發音，骑自行车中文學習
- 8 你好用中文怎麼說？ 你好中文發音，你好中文學習
- 9 謝謝用中文怎麼說？ 谢谢中文發音，谢谢中文學習
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
