css - 什么是 CSS 中的像素 (px)？

Question

我正在阅读一本 ASP.NET 书籍，它提到了 CSS 文件并讨论了像素。但是我从来没有从分辨率，布局等 Angular 理解它。例如，以下在 CSS 文件定义中是什么意思？

#header
{
    padding: 0px;
    margin: 0px;
}

Answer 1

这有点超出您目前可能的位置，但 CSS 像素不一定与显示器上的单个像素大小完全相同。根据the spec :

If the pixel density of the output device is very different from that of a typical computer display, the user agent should rescale pixel values. It is recommended that the reference pixel be the visual angle of one pixel on a device with a pixel density of 96dpi and a distance from the reader of an arm's length.

因此，如果您拥有那些不算“典型”的极其昂贵的超高分辨率显示器之一，浏览器和/或操作系统可能会选择重新定义“像素”是什么。

就 CSS 创作而言，“px”的有用定义是:“px”是长度等于未缩放的 HTML 或 CSS“背景图像”中的像素的数量。