在網頁制作中，我們通常需要考慮到不同屏幕分辨率下的兼容問題。在使用 CSS 進行網頁美化時，也需要考慮到不同分辨率屏幕的兼容。

當我們在 CSS 中設置一個固定像素值的屬性時，可能會導致不同分辨率下網頁表現出現差異。例如，當一個網頁在高分辨率屏幕上顯示正常，但在低分辨率屏幕上出現了錯位或者縮放。這時，我們可以通過 CSS 提供的一些方法來解決這個問題。

1. 使用百分比值

div {
width: 50%;
height: 50%;
}

百分比值會根據瀏覽器窗口的大小來適應不同分辨率的屏幕，所以我們可以嘗試使用百分比值來設置元素的寬度和高度等屬性。

2. 使用媒體查詢

@media (max-width: 768px) {
div {
width: 100%;
}
}
@media (min-width: 768px) {
div {
width: 50%;
}
}

媒體查詢可以根據屏幕的大小來改變樣式表中的屬性值，從而達到在不同分辨率下顯示不同效果的目的。

3. 使用 rem 單位

div {
font-size: 16px;
width: 10rem;
height: 10rem;
}

rem 單位是相對于根元素的字體大小來計算的，因此可以根據瀏覽器的字體大小來自適應不同的分辨率。

總之，在進行 CSS 美化時，我們需要考慮到不同分辨率下的兼容問題，充分運用 CSS 提供的方法來適應不同屏幕的需求。