CSS中常常提到邏輯像素和物理像素這兩個概念，它們在頁面布局及分辨率適配中都有重要作用。

邏輯像素（logical pixel），也稱為設備獨立像素，是CSS中最基本的單位。通過邏輯像素，網頁按比例縮放時可以保持原有的布局及樣式。

.example {
width: 100px;
height: 100px;
font-size: 14px;
line-height: 20px;
}

上述代碼中的像素單位即為邏輯像素。如果該網頁在不同設備上分辨率不同，但縮放比例相等，則該元素的尺寸及字體樣式也會按比例縮放。

而物理像素（physical pixel）指的是顯示設備上的一個物理像素點，也稱為設備像素。設備的分辨率即為物理像素的數目，不同設備的分辨率不同。

一般情況下，一個邏輯像素會對應一個物理像素點，但在Retina屏幕等高密度設備上，一個邏輯像素可能對應多個物理像素點，使得元素及字體等在屏幕上的顯示效果變得更加清晰。

在實際開發中，我們需要根據設備的分辨率和像素密度來進行適配。可以通過媒體查詢、viewport、rem、flex布局等方式進行頁面的適配，讓頁面在不同設備上都具有良好的顯示效果。