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

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%;
    }

在此示例中，您可以看到border-radius是5px，因为html已应用font-size: 62.5%以便更轻松地应用REM单位。

Answer 1

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

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