rem 单位是不是仅对字体大小有用？

Posted 2023-03-06

【中文标题】rem 单位是不是仅对字体大小有用？

【英文标题】：Are rem units only useful for font-size?rem 单位是否仅对字体大小有用？

【发布时间】：2014-12-09 07:15:23

【问题描述】：

我对所有类型的元素都使用 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 是在其他元素中有用还是在所有元素中使用它们有点过头了？

【参考方案1】：

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

【讨论】：

@Wooddrow Barlow 因此，在现代浏览器（IE9+）中，REM 中的字体大小似乎很重要，但与其他元素无关？所以如果你想覆盖 IE9+ 就没有必要在整个项目中使用 REM？另外...旧版浏览器（IE8-）不支持 REM 单位...

@DanielRamirez-Escudero 在 IE8- 中，您可能会使用 ems。除了缩放参数之外，我还没有听到过支持 rems 或 ems 的可靠论据，但这并不意味着没有。

当您使用键盘将字体变大时，是否与缩放网站一样？我不确定我是否不了解 REM 的全部优势。感谢您的回答

@DanielRamirez-Escudero 这取决于您的浏览器。大多数浏览器现在提供完整的缩放比例而不是调整字体大小。完全缩放缩放实际上与移动浏览器上的捏缩放相同 - 整个页面被缩放，就好像它是单个元素一样。