在CSS

Question

我不确定这是否真的是这个问题的正确位置，所以如果有人知道更合适的StackExchange网站，请分享，我很乐意提出这个问题。

我目前正试图习惯使用CSS的相对测量而不是px来容纳越来越多拥有超高分辨率显示器（即4K）的用户。

这样做，我开始思考 - 应该rem用于所有使用px的内容吗？

我目前发现我使用rem border-radius，margin，padding和font-size。在搜索了一下互联网之后，我无法提出任何适合使用rem的指南，所以我想我会问这里 - 有没有你不愿意的情况想要使用rem或em作为属性的衡量标准，而是使用px？或者将rem用于所有事情是否常见？

Answer 1

rem是相对于根节点中定义的字体大小，而em是相对于当前节点的字体大小。

除非值取决于当前元素的字体大小，否则我通常会将rem用于所有内容。 例如。给定H2标题的两个版本：h2为40px，h2.large为45px，如果你在这里使用em，那么底部边距是相对于h2元素的大小。

我会将像素用于较小的值，例如border-width。渲染通常更好。