css - REM 在边界半径上有意义吗？

Question

关闭。这个问题是opinion-based .它目前不接受答案。












想改善这个问题吗？更新问题，以便可以通过 editing this post 用事实和引文回答问题.

7年前关闭。




Improve this question




我正在为我的元素使用 REM 单位。我想为所有元素使用统一类型的单位。我正在与一组开发人员一起工作，我试图找到一个原因，为什么我必须在所有 CSS 规则中使用 REM 单位，但有时我可能会发现它过多或完全没用。

我想知道以下是否必要，优点或缺点:

input{
        border-radius: 0.5rem;
        display: block;
        margin: 0 0 2rem 0;
        min-width: 12rem;
        height: 4rem;
        padding: 0 2rem;
        width: 100%;
    }

在此示例中，您可以看到边框半径为 5px，因为 html 已应用 font-size: 62.5%有一个更简单的方法来应用 REM 单位。

Answer 1

没有不使用 rem 的技术原因单位为 border-radius .两者都不是使用 rem 的任何令人信服的理由。单位，为它或以其他方式。使用 rem只是为了方便而选择的东西，因为它可能有助于避免计算 em 的乘数。单位，以减少跨浏览器功能为代价。

对于不同的维度使用相同的单位通常是最安全的，这适用于 border-radius也是，当元素的高度和宽度已在 rem 中设置时单位。原因是这样可以确保在更改根元素的字体大小时保留形状。如果您设置了 border-radius例如在 px rem 中的单位和宽度和高度单位和根元素的字体大小然后设置为，例如，32pt，元素框变得相当大，但边框曲率仍然很小。