排版是網站的基石，占網站的大約95％。

EM有這個

確保您保持反應性排版的最簡單和最常見的方法是通過使用EM。Em來自一個舊的打印措施，這個名字最初只是“M”是最廣泛的字母，因此是什么類型的測量。

在網絡上，EM在排版（以及元素寬度和媒體查詢）中的使用基于根像素值。這是通過將html或body標簽設置為font-size：16px; 它與大多數（全部）瀏覽器設置為默認字體大小一致。 

這意味著1em = 16px，5em = 80px，37.5em = 600px，60em = 960px等等。然而，有些人更喜歡與十進制基數十分相近的工作，并將基本字體大小設置為適應。例如，如果您設置基本字體大小像html {font-size：62.5％;}，那么我們的ems將看起來更像是1em = 10px，5em = 50px，37.5em = 375px，60em = 600px。這最初是用人們可以將1.6em的EM值與16px的相應像素值字體大小相關聯的想法完成的。

這是一個壞主意...有兩個原因。  

首先，您正在更改瀏覽器的標準字體大小，并在瀏覽器用戶之后將其減少了37.5％，所以很長時間才能制定出完美的標準字體大小。...哦，沒有人會想到瀏覽器的民謠。您正在以用戶期望的方式將其視為常規，并將其顯著減少，然后將其備份，您需要調整CSS以使所有內容再次成為常規大小。就個人而言，我認為p元素比1.6em更有意義。 

 其次，我們已經擺脫了使用像素設置字體（在某些情況下，媒體查詢和容器寬度），所以為什么在地球上我們會看起來模仿舊的測量。你應該從內容中建立你的網站，這意味著你從一個完美的段落開始，向外工作。這允許您的p標簽為1em，其他所有內容都相對于該尺寸，為您提供了一個漂亮的縮放排版規模（諸如xyz和xyz等工具可以幫助您排版）。當用戶決定在瀏覽器中增加文本大小時，或者如果您需要在跨媒體查詢移動時更改字體大小，則只需更改基本字體大小，并相應地觀察所有尺寸。

邊際和填充

仍然強烈希望設計師仍然使用某種形狀或形式的像素，但是在真正的響應式設計中，這對于布局是有害的。當您在印刷元素（p，blockquote，h1-h6，li等）周圍設置邊距和填充時，請確保將它們保持為EM測量...并且不要忘記在線高度時保持相同的規則。