CSS像素不保留小數，是指當在瀏覽器中渲染網頁時，CSS像素會根據不同屏幕的物理像素密度進行自適應縮放。這就意味著，如果你在CSS中定義一個帶有小數的長度或寬度，最終在瀏覽器中顯示的元素大小將可能和你預期的不一致。

為了更好地理解這個概念，我們可以使用以下示例代碼：

.box {
width: 200.5px;
height: 100.75px;
background-color: red;
}

假設我們在一臺像素密度為1的標準顯示器上打開這個網頁，最終渲染出來的.box元素大小應為200px * 100px。這是因為瀏覽器會將200.5px和100.75px分別縮放為200px和100px。

然而，如果我們在一臺像素密度為2的高清顯示器上打開同樣的網頁，瀏覽器會將200.5px縮放為201px，而將100.75px縮放為101px。這就導致最終渲染出來的.box元素大小為201px * 101px，而不是我們原本預期的200.5px * 100.75px。

因此，在設計網頁時，我們應該盡量避免在CSS中使用帶有小數的長度或寬度，并盡量使用整數像素值來定義元素大小。這樣可以確保在不同屏幕上渲染出來的元素大小始終一致，從而提高網頁的可視效果和用戶體驗。