为什么要根据字体大小调整间距？

Question

我正在为网页上的元素设计边距空间。

当我阅读Bootstrap V4.0的文档时，我发现间距是根据值$ spacer调整的，$ spacer本身默认为1 rem。我只是好奇为什么会这样？不应根据显示分辨率调整间距？

Answer 1

根据根大小更容易获得维度，这是rem的作用。如果根em为10像素，则2rem = 20像素。如果您觉得所有东西都需要增加尺寸，那么您只需要将根眼大小更改为12（或某些）像素，然后使用2rem的任何内容现在都是24像素。这样您就不必查找和替换填充/边距等基于10像素的所有实例，并且使用了padding: 10px之类的固定值。

虽然在调整元素，字体等大小时这是一个很好的级联效果。不要觉得你需要一直使用rem和em之类的相对单位。无论如何，有时您需要/ 15px。