在討論關于屏幕顯示的相關話題時，有兩個重要的概念：物理像素和CSS像素。這兩個概念都對頁面的顯示效果有著重要的作用。

物理像素是指實際屏幕上的點，也就是我們所說的PPI（Pixels Per Inch）。物理像素決定了屏幕的分辨率和清晰度，也是開發者在處理響應式設計時需要考慮的一個因素。在今天的市場上，屏幕的像素密度已經相當高，幾乎寸土寸金。然而，開發者并不需要更多的物理像素，因為它們會使得頁面變得更加緩慢和占用更多內存。

CSS像素是由CSS屬性來控制頁面元素的大小和位置的基本單位。它的大小是相對于屏幕的物理像素來測量的，但是與物理像素不同，CSS像素是獨立于實際屏幕分辨率的。這意味著對于具有不同物理像素密度的屏幕，CSS像素大小可以保持不變，因此，開發者可以在不同設備之間保持相同的頁面布局。

/* 實例 */
@media screen and (min-width: 320px) {
.container {
width: 100%;
max-width: 320px;
}
}
@media screen and (min-width: 480px) {
.container {
width: 100%;
max-width: 480px;
}
}

因此，當我們在處理響應式設計時，應該考慮的是CSS像素而不是物理像素。我們需要確保CSS像素的大小和位置可以適應不同屏幕大小和窗口大小，從而創造出更加優秀的用戶體驗。