css - 在 Foundation Framework 中使用 rem-calc() 有什么好处？

Question

文档说：

将一个或多个像素值转换为匹配的 rem 值。

不直接使用px有什么好处？

标签： csszurb-foundation

Answer 1

事实上，该rem-calc函数将为您计算相对于根字体大小所需的像素数量。

例如，px 直接删除了您网站的可访问性因素，用户可以根据自己的喜好（浏览器级别）默认根字体大小，并rem-calc相应地放大/缩小，但是在 PX 中，您强制用户使用 X 号的像素。

对于响应性，在像素上使用 rem/em 也是一个好主意，如果父元素上的字体大小发生变化，它将按比例缩小/放大，而当以像素为单位时，它将始终保持原样我把它设置为。

注意：在这种情况下，使用 rems 而不是 px 可能还有其他优点。