當我們在編寫網頁時，經常會遇到一種情況，就是在不同的顯示器分辨率下，頁面的布局和元素的位置發生了錯位。這主要是由于CSS的顯示尺寸不正確造成的。

CSS中的顯示尺寸有兩種，一種是像素（px），另一種是百分比（%）。像素是一種絕對的尺寸，不受顯示器分辨率的影響；而百分比是相對的尺寸，它隨著顯示器分辨率的變化而變化。

如果我們使用像素作為CSS的顯示尺寸，而用戶的顯示器分辨率與我們設計的尺寸不一致，就會導致頁面出現錯位現象。例如，我們在一臺分辨率為1920x1080的顯示器上設計了一個寬度為1000像素的容器，但是當用戶在一臺分辨率為1366x768的顯示器上瀏覽頁面時，容器的寬度就會出現問題。

.container{
width: 1000px;
}

為了解決這個問題，我們可以使用百分比作為CSS的顯示尺寸。例如，在上述例子中，我們可以將容器的寬度設置為百分之五十，這樣無論在哪種分辨率下，容器都會占據屏幕的一半。

.container{
width: 50%;
}

當然，使用百分比會帶來另一些問題，例如對于一些固定的元素（如圖片等），我們無法直接以百分比來設置它們的尺寸。這時候，我們需要使用一些技巧，例如將固定尺寸的元素放在相對定位的容器中，并使用百分比來設置容器的尺寸。

總之，CSS的顯示尺寸是一個需要特別注意的問題，在設計頁面時，一定要考慮不同分辨率下的布局和元素位置，才能保證頁面的穩定和美觀。