px ≠ 像素

设备像素 ≠ 浏览器像素 ≠ 图像像素

感谢苹果，CSS 和 HTML 的像素 (px) 几乎总是映射到多个设备/打印机像素上。我的手机设备像素比是 3.875；你的是多少？

我的台式机的设备像素比在浏览器缩放时会改变，但默认为 1.5（毕竟我的 系统 > 显示 > 缩放 设为 150%）。

图像文件（不包括 SVG）解码为像素网格。让图像像素以 1:1 比例完美显示在设备像素上非常困难，但通过 srcset，你可以得到足够接近于完美的比例。如果你确实有需要完美映射的正当理由，一些 JavaScript 可以在加载后调整 HTML 元素大小，但此处不会透露此禁忌艺术的细节。

其他绝对单位（如 in、pc、pt、mm、cm、Q）是用 CSS 像素数表示的，假装一切都是 96dpi。开发人员会避免使用绝对单位，因为通常最好使用从字体大小或视口/容器尺寸派生的单位。如果用户调整了他们的 辅助功能 > 文本大小 倍数，缩放浏览器或旋转他们的设备，不匹配的单位可能会破坏布局。不必说，你应该在发布网站之前执行所有这些操作。