>[danger]邏輯像素和物理像素的區別 邏輯像素（logical pixel）和物理像素（physical pixel）是兩個在移動設備屏幕上經常提到的概念，它們之間存在著一定的區別。 - **邏輯像素**：也稱為設備無關像素（device-independent pixel），是一種相對單位，它是CSS布局和渲染的基礎。在CSS中我們通常使用px作為邏輯像素的單位。邏輯像素是相對于設備視口的單位，它會隨著縮放比例的改變而改變，使得頁面可以在不同的屏幕分辨率下保持相似的布局。 - **物理像素**：也稱為設備像素（device pixel），是顯示設備的最小物理單位。物理像素是顯示屏幕上實際存在的點，它們組成了屏幕上的圖像。物理像素的數量決定了屏幕的分辨率。 在傳統的PC屏幕上，邏輯像素與物理像素通常是一一對應的，即一個邏輯像素對應一個物理像素。但是在高分辨率的移動設備上，由于屏幕尺寸有限，需要在同樣大小的屏幕上顯示更多的內容，因此引入了邏輯像素。 當設備的像素密度（每英寸的物理像素數）提高時，一個邏輯像素可能對應多個物理像素。例如，蘋果的Retina顯示屏上，一個邏輯像素相當于2×2個物理像素。 為了在移動設備上進行適配，開發者通常使用邏輯像素來設置元素的尺寸和間距，使其在不同的屏幕密度下保持一致的外觀。CSS中使用的px單位實際上是指邏輯像素。 總結來說，邏輯像素是CSS布局和渲染所使用的單位，它相對于設備視口，可以根據設備的縮放比例進行調整；而物理像素是實際存在于設備屏幕上的點，決定了屏幕的分辨率。