在現代的網頁設計中，越來越需要注意屏幕的大小和適配問題。尤其是在PC端，不同的屏幕大小和分辨率都需要進行專門的適配工作。本文將簡單介紹如何使用CSS來適配不同分辨率的PC屏幕。

@media screen and (min-width: 1200px) {
/* 根據實際情況修改下面的樣式 */
.container {
width: 1140px;
margin: 0 auto;
}
}
@media screen and (max-width: 1199px) {
/* 根據實際情況修改下面的樣式 */
.container {
width: 960px;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
/* 根據實際情況修改下面的樣式 */
.container {
width: 100%;
padding: 0 15px;
}
}

上述CSS代碼使用了CSS3的媒體查詢功能，可以根據不同的屏幕寬度來應用不同的CSS規則，從而實現屏幕大小的適配。

在代碼中可以看到，我們根據屏幕的寬度設置了三個不同的CSS樣式，分別是針對大屏幕、中等屏幕和小屏幕的。在設備寬度大于等于1200px的情況下，使用樣式1；在設備寬度小于1200px且大于等于768px的情況下，使用樣式2；在設備寬度小于768px的情況下，使用樣式3。

樣式1和樣式2中都使用了一個叫做.container的樣式，這是為了使主要內容都在一個容器中，避免頁面過于分散。在不同的屏幕大小下，這個容器的寬度和居中等都進行了調整。在樣式2中，容器的寬度變為了960px，并且在手機等小屏幕上，容器的寬度就會變成100%以適應屏幕寬度。

在實際開發中，我們可以根據實際情況來修改CSS代碼中的數值，以適應不同的屏幕。這樣就能確保我們的網頁在不同的屏幕上都能顯示良好。