CSS3屏幕像素

CSS3中的屏幕像素是指屏幕的物理像素，即設備真實渲染出來的像素數量。CSS3認為一個屏幕像素等于一個CSS像素。在不同的設備上，一個CSS像素可能對應多個物理像素或僅對應一個物理像素。這意味著，在不同的設備上，同一個CSS像素的大小可能會不同。

/* 在CSS3中，可以使用以下媒體查詢來區分不同的設備 */
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
/* CSS here */
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/* CSS here */
}
@media only screen and (min-device-width: 1025px) {
/* CSS here */
}

在以上媒體查詢中，min-device-width和max-device-width用于指定設備屏幕的寬度范圍。通過這些媒體查詢，可以為不同屏幕尺寸的設備設置不同的CSS樣式。

需要注意的是，雖然CSS3中的像素是物理像素，但在Retina屏幕上，一個CSS像素等于兩個物理像素。因此，在使用CSS3時，需要考慮到Retina屏幕的情況，避免出現模糊不清或過小的情況。