自 Chrome 84 以来，ResizeObserver 支持一种名为 的新框测量，它以物理 devicePixelContentBox 像素为单位测量元素的尺寸。这使得渲染像素完美的图形成为可能，尤其是在高密度屏幕的情况下。浏览器支持 849384×背景：CSS 像素、画布像素和物理像素#虽然我们经常使用抽象的长度单位 em，如 、%或 vh，但它们都归结为像素。每当我们在 CSS 中指定元素的大小或位置时，浏览器的布局引擎最终会将那个值转换为像素 ( px)。这些是“CSS 像素”，它们有很多历史并且与屏幕上的像素只有松散的关系。长期以来，用 96DPI（“每英寸点数”）来估计任何人的屏……