我正在为项目使用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,则元素框会变得相当大,但边框曲率仍然很小。
| 归档时间: |
|
| 查看次数: |
4249 次 |
| 最近记录: |