在CSS中，我們可以使用媒體查詢(xún)（Media Queries）來(lái)設(shè)置在不同分辨率下的寬度，媒體查詢(xún)是一種響應(yīng)式設(shè)計(jì)技術(shù)，它可以根據(jù)設(shè)備的屏幕寬度、高度、分辨率等特性，來(lái)應(yīng)用不同的樣式規(guī)則。

下面是一個(gè)簡(jiǎn)單的示例，展示了如何在不同分辨率下設(shè)置寬度：

@media screen and (max-width: 600px) {
  .container {
    width: 100%;
  }
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  .container {
    width: 90%;
  }
}
@media screen and (min-width: 1201px) {
  .container {
    width: 80%;
  }
}

在這個(gè)示例中，我們?yōu)?code>.container元素在不同分辨率下設(shè)置了不同的寬度，當(dāng)屏幕寬度小于或等于600px時(shí)，寬度設(shè)置為100%；當(dāng)屏幕寬度在601px到1200px之間時(shí)，寬度設(shè)置為90%；當(dāng)屏幕寬度大于1200px時(shí)，寬度設(shè)置為80%。

通過(guò)這種方法，我們可以確保在不同分辨率下，頁(yè)面布局能夠保持美觀和可用性，這種方法在響應(yīng)式設(shè)計(jì)中非常常見(jiàn)，因?yàn)樗軌蚋鶕?jù)不同的設(shè)備特性來(lái)動(dòng)態(tài)調(diào)整樣式，從而提高用戶體驗(yàn)。