CSS兼容分辨率是指CSS在各種屏幕分辨率下，能夠保持相同的布局和外觀效果，保證網站的可視性和易用性。

在設計和開發網站時，應該考慮到用戶使用的設備類型和屏幕分辨率。對于較小的分辨率屏幕，需要利用CSS實現響應式設計，使得頁面能夠自動適應不同的屏幕大小。

@media screen and (max-width: 768px) {
/* 在小屏幕下應用樣式 */
body {
font-size: 14px;
}
}

同時，還需要考慮不同瀏覽器之間的兼容性。不同瀏覽器的解析引擎會對CSS的語法和屬性支持程度存在差異，要做好CSS的兼容處理。

/* 漸變背景兼容處理 */
background: linear-gradient(to right, red, yellow);
background: -webkit-linear-gradient(left, red, yellow);
background: -moz-linear-gradient(left, red, yellow);
background: -o-linear-gradient(left, red, yellow);

此外，還需要注意使用CSS3的新特性時，要加上相應的瀏覽器前綴，以保證兼容性。

/* 圓角邊框兼容處理 */
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;

CSS的兼容處理不僅可以增強網站的用戶體驗，還可以提高網站的訪問量和排名。因此，在設計和開發網站時，不要忽視CSS的兼容性問題。