元素大小的CSS Rem单位

我注意到REM单元可以用于元素的大小，而不仅仅是字体大小。非常有用的HTML字体大小属性

html { font-size:1vw }
@media all and (max-width:720px) {
    html { font-size:10px }
}
#el { width:20rem;height:5rem }

---

但这是否恰当和可信呢？我想这取决于你

我通常申请：

• REM字体大小与px回调，最好
• 用于填充和边缘的EM
• 元件尺寸的px、%、vw和vh
• 对于媒体查询，我使用em，但通常也使用rem和px

如果使用em表示字体大小，则可能会将所有内容都与children元素混淆，因此不推荐使用

尺寸元素的REM很有趣，但我很喜欢vw和vh在某些情况下的响应行为，其中%是不够的

你可以用这个做一些很酷的事情

like

width:calc（100%-85px）用于设计中的某些固定尺寸

这是一个关于单元的示例：）
希望这对你有帮助