CSS邏輯分辨率是指以CSS像素為單位測量的屏幕分辨率。這是由于在不同設備上，屏幕的物理分辨率是不同的，而邏輯分辨率可以幫助我們在不同設備上保持一致的顯示效果。

我們可以通過在CSS中設置像素的大小來指定元素的大小和位置。這些像素被稱為CSS像素，但實際上它們是邏輯像素。因為它們的大小并不是固定的，而是取決于設備的物理分辨率。

.box {
width: 200px;   /* 邏輯像素 */
height: 200px;  /* 邏輯像素 */
border: 1px solid black;
}

如果我們在一個具有高分辨率的設備上設置一個200px的元素，那么它實際上會被渲染為更多的物理像素。相反，如果我們在一個低分辨率的設備上設置一個200px的元素，則它會被渲染為更少的物理像素。

通過使用邏輯分辨率，我們可以確保在不同設備上，我們的網站和應用程序的顯示效果保持一致。這對于響應式設計和可訪問性至關重要。