CSS中的像素單位是網頁中使用最廣泛的一個單位之一。在一些較老的瀏覽器中，像素的大小是固定的，1個像素等于屏幕上的一個物理點。而在現代瀏覽器中，1個像素是由多個物理點組成的，所以像素大小可以隨著設備的屏幕密度而變化。

使用像素作為CSS單位時，其實是相對于設備分辨率的一個單位。比如說，如果我們在一個分辨率為1920x1080的設備上設置一個元素的寬度為500像素，那么在分辨率為1366x768的設備上，該元素的實際寬度可能只有300像素左右。

.box {
width: 500px;
height: 300px;
background-color: #f00;
}

除此之外，像素在不同的設備上顯示的大小還與設備的像素密度相關。在Retina屏幕等高密度屏幕上，1個像素由4個甚至更多的物理點組成，因此在這樣的設備上，元素的大小看起來要比普通屏幕上大得多。

總的來說，像素是CSS中一個非常方便的單位，它可以讓我們輕松地控制元素的尺寸和定位，而且還能夠適配不同的屏幕分辨率和設備類型。當然，在使用像素作為單位時，我們也需要考慮到不同設備上的顯示效果差異，以及設備像素密度的影響等因素。