rem单位只对font-size有用吗?

时间:2014-10-14 13:12:15

标签: css3 pixel font-size dimensions em

我将rems用于所有类型的元素,例如:

html: 62.5%;

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

我已经阅读了一些关于使用REM而不是PX的优势的articles。我目前正在使用REM整体但是我开始考虑它是否仅对字体大小有用。

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

1 个答案:

答案 0 :(得分:2)

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