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

问：

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

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

这是什么意思，为什么是真的？

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

“输出环境”

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

“更容易扩展”

这是否意味着在具有不同 dpi 的不同屏幕上查看时，元素大小将保持相对一致？也就是说，一个元素和一个元素在不同的屏幕上相比是相同的相对大小，而一个和一个元素的大小相对于彼此会有所不同？这似乎不是真的。1rem1.2rem14px16px

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

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

在根元素的属性中指定时，等于属性的初始值。源font-size1remfont-size

初始值为 。源font-sizemedium

medium是一个 ，这些映射由 UA 定义。源absolute-size

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

但目前尚不清楚为什么这是一件好事，与简单地使用CSS像素相比，CSS像素应该始终具有相同的物理尺寸（大约1/96英寸）。某些浏览器是否违反了此规则，将“CSS 像素”的大小缩小到更小，例如在 Android 上 Chrome 的“桌面模式”中？

因此，如果基本字体大小和 CSS 像素都基于 dpi，并且它们都旨在显示一致的物理大小，那么使用其中一个或另一个有什么好处，除非在某些情况下 UA 将根字体大小更改为不一致的物理大小。