排版是网站的基石，占网站的大约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测量...并且不要忘记在线高度时保持相同的规则。