“使用相对单位的样式表可以更轻松地从一种输出环境扩展到另一种输出环境”？

Question

CSS 规范在谈论相对单位与绝对单位时有这样的说法：

使用相对单位的样式表可以更轻松地从一种输出环境扩展到另一种输出环境。

这是什么意思以及为什么是这样？

1. “更容易扩展”是什么意思？
2. 什么是“输出环境”？

“输出环境”

这是指屏幕的dpi吗？或者印刷媒体与屏幕媒体？或者它是否涉及 UA 自定义样式表或文本大小调整以实现可访问性？

“更容易扩展”

这是否意味着在具有不同 dpi 的不同屏幕上查看时，元素大小将保持相对一致？ IE。

1rem

元素和

1.2rem

元素在不同屏幕上的相对大小相同，而

14px

和

16px

元素相对于彼此的大小会有所不同？这似乎不是真的。

或者这与基本字体大小有关吗？ IE。由于相对单位是相对的，因此它们可以相对于基本字体大小进行缩放。

这假设 UA 根据设备屏幕的 dpi 设置基本字体大小。规范规定基本字体大小是绝对值：

当在根元素的

font-size

属性中指定时，

1rem

等于

font-size

属性的初始值。 来源

初始

font-size

值为

medium

。 来源

medium

是一个

absolute-size

，这些映射由UA定义。 来源

因此可以说，由于相对长度单位可以基于根字体大小，因此它们可能会受到 UA 关于基本字体大小的决定的影响。

但是与简单地使用 CSS 像素相比，还不清楚为什么这是一件好事，CSS 像素应该始终具有相同的物理尺寸（大约 1/96"）。是否有一些浏览器违反了此规则，并将“CSS 像素”的尺寸设置得小得多，比如Android上Chrome的“桌面模式”？）

因此，如果基本字体大小和 CSS 像素都基于 dpi，并且它们都旨在显示一致的物理尺寸，那么使用其中之一有什么优势，除非在某些情况下 UA 会改变根字体大小不是一致的物理尺寸。

Answer 1

如果您打开 google chrome 设置页面，您可以找到以下内容：

您可以将

font-size

从

medium

更新为其他内容，这仅在使用

rem

和

em

单位时才有效。

如果您只考虑像素值，您将使该设置毫无用处，人们无法增加您网站的

font-size

。