CSS 可以讓背景圖隨著屏幕大小自適應。這樣就不用擔心背景圖在各種屏幕上的顯示效果了。

下面的代碼演示了如何實現背景圖自適應：

body {
margin: 0;
padding: 0;
background-image: url('image.jpg');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
@media screen and (max-width: 600px) {
body {
background-size: cover;
}
}

上述代碼中的background-size: contain;指定背景圖盡可能顯示在屏幕上，并且保持原始比例。而background-size: cover;則指定讓背景圖鋪滿整個屏幕，不保持原始比例。

最后，我們使用@media查詢，在屏幕寬度小于 600 像素時，使用background-size: cover;，讓背景圖自適應。