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

Dan*_*ero 5 css css3

我正在为项目使用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%;
    }
Run Code Online (Sandbox Code Playgroud)

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

Juk*_*ela 13

没有任何技术原因不使用该rem装置border-radius。无论是为了它还是为了其他目的,都没有任何令人信服的理由使用该rem装置。使用rem只是为了方便而选择的,因为它可能有助于避免单元的计算乘数em,但代价是减少跨浏览器功能。

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