css - 我们不应该只在排版上使用相对的 CSS 单位吗？

Question

当我开始在网页设计中找到自己的方法时，我总是使用“px”单位来定义边距、填充、字体大小等所有内容。然后我切换到相对单位。使用 EM 和 REM。

我理解使用 EM 或 REM 进行排版的概念。特别是对于响应式网站，它会派上用场。但我不明白为什么我应该将它们用于排版以外的其他元素(例如边距和填充)。因为当我们为小屏幕设置较大的字体大小时，边距和填充也会增加，这对于移动设备是不切实际的，我不希望这样。

那么我们应该只使用相对的 CSS 单位来排版吗？还是我误解了这些相关单位的动态并错误地使用了它们？

Answer 1

我会对垂直填充和边距使用相对测量，但对水平固定。这样，当用户设备更改字体大小时，垂直节奏得以保持，但不会水平挤压所有内容。