我使用 css 為我的背景制作了一個簡單的幻燈片，但是，因為我使用的是關鍵幀，所以我不知道如何使所有背景都使用 background-size: cover 。我希望所有圖片都能正確適合屏幕。當您第一次打開網站時，圖片加載時間大約需要 2 秒。（它只是顯示白色，然后你就會看到圖片加載）最后我還想讓網站響應大小，例如使背景圖片根據屏幕尺寸改變大小。如果我用普通的body {   background-image: url("picture.jpg");}然后我會使用@media，但在這種情況下我不知道什么會起作用。另外，正如你所看到的，我已經做了相當多的數字％，我試圖讓圖片在屏幕上停留更長時間，同時使旋轉動畫更快。這是我的 css （我知道這是制作背景幻燈片的愚蠢方法，但它是最簡單的:)）body {  background-size: cover;  animation: div 25s infinite;  height: 100vh;  margin: 0;}@keyframes div {  0% {    background-image: url("4.jpg");    opacity: 1;  }  15% {    background-image: url("4.jpg");    opacity: 1;  }  25% {    background-image: url("3.jpg");    opacity: 1;  }  35% {    background-image: url("3.jpg");    opacity: 1;  }  45% {    background-image: url("1.jpg");    opacity: 1;  }  55% {    background-image: url("1.jpg");    opacity: 1;  }  65% {    background-image: url("5.jpg");    opacity: 1;  }  75% {    background-image: url("5.jpg");    opacity: 1;  }  85% {    background-image: url("4.jpg");    opacity: 1;  }  100% {    background-image: url("4.jpg");    opacity: 1;  }}這是網站：https://student.oedu.se/~sc0007/sak/sida_1/sida_1.html