css - rem 单位只对字体大小有用吗？

Question

我正在为所有类型的元素使用 rems，例如:

html: 62.5%;

.element {
   font-size: 1.6rem;
   margin: 2rem 0 1rem 0;
   padding: 1rem;
   min-height: 3rem;
   height: 100%;
}

我读过一些 articles关于使用 REM 而不是 PX 的优势。我目前总体上使用 REM，但我开始考虑它是否仅对字体大小有用。

那么，REM 是在其他元素中有用还是在所有元素中都使用它们有点过头了？

Answer 1

支持在整个布局中使用 rem 或 em 单位的一个重要论据是，您的整个布局随后将随文本缩放。这对于旧版浏览器的可访问性很重要，旧版浏览器提供了增加字体大小的选项，而不是大多数浏览器现在提供的“缩放”功能。为了使网页更易于阅读，可见度低的人通常会增加字体大小——在页面上所有元素都使用 rem 或 em 单位的网站中，整个页面会缩放。这个论点现在不太相关，但对于遗留浏览器支持仍然很重要(许多学校和办公室仍在使用 IE6!)。