CSS二倍圖設(shè)置是一種優(yōu)化網(wǎng)頁(yè)顯示效果的方法，特別是適用于高清屏幕。

在高清屏幕上，由于屏幕分辨率的提高，圖片顯示效果普遍變得較為模糊。為了解決這個(gè)問(wèn)題，常常采用二倍圖的方式來(lái)增加圖片的清晰度。

CSS二倍圖的設(shè)置主要是通過(guò)background-image來(lái)實(shí)現(xiàn)。首先要準(zhǔn)備好兩張分辨率相同但大小不同的圖片，一張是正常分辨率（一倍圖），一張是高清分辨率（二倍圖）。然后將二倍圖按比例縮小到一倍圖的尺寸，然后在CSS中使用background-image將其設(shè)置為背景圖片。具體代碼如下：

// HTML代碼
<div class="main"></div>
// CSS代碼
.main {
background: url("1x.png") no-repeat center center;
background-size: cover;
background-image: url("2x.png");
}

在上面的代碼中，1x.png是一倍圖的圖片，2x.png是二倍圖的圖片。background-size: cover;可以讓背景圖片填充整個(gè)容器。background-image: url("2x.png");在高清屏幕下會(huì)顯示2x.png圖片，而在低分辨率屏幕下會(huì)顯示1x.png圖片，從而達(dá)到優(yōu)化顯示效果的目的。

需要注意的是，由于使用了兩張圖片，可能會(huì)增加網(wǎng)頁(yè)的加載時(shí)間。因此，如果圖片較大的話，可以考慮使用圖片壓縮技術(shù)以減少圖片大小。另外，不同瀏覽器對(duì)于background-size的支持情況也不同，需要做好兼容性處理。