在網頁設計中，我們經常會用到像素作為測量單位。但是，css像素和物理像素是兩個不同的概念。

css像素是web瀏覽器的渲染引擎使用的抽象單位，是相對于顯示器分辨率來計算的。而物理像素是指顯示器設備上的一個可見點，是顯示器的物理特性。

在大多數情況下，css像素和物理像素是等價的，即一個css像素恰好對應一個物理像素。但是，在高分辨率顯示設備（如視網膜屏幕）中，一些特殊的規則被應用：一個css像素對應多個物理像素，從而實現更高的顯示清晰度。

例如，在一部分高分辨率手機中，一個css像素對應四個物理像素。當我們用一般的css樣式設置一個200 x 200的圖像時，實際上會渲染成400 x 400像素的圖像，因此顯示效果更清晰。

img {
width: 200px;
height: 200px;
}

在這段css代碼中，設置寬高都為200px，但在高清屏幕中，會對應更多的物理像素，從而實現高分辨率顯示。

總之，理解css像素和物理像素的區別，有助于我們更好地設計web頁面，提高用戶體驗。