排版是網(wǎng)站的基石，占網(wǎng)站的大約95％。

EM有這個(gè)

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

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

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

這是一個(gè)壞主意...有兩個(gè)原因。  

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

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

邊際和填充

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