如何在CSS中設(shè)置圖片占滿全屏

在CSS中設(shè)置圖片占滿全屏可以通過(guò)以下幾種方法實(shí)現(xiàn)：

1、使用背景圖片并設(shè)置背景大小為cover。

body {
  background-image: url('image.jpg');
  background-size: cover;
}

2、將圖片作為元素的內(nèi)容，并設(shè)置元素的寬度和高度為100%。

div {
  width: 100%;
  height: 100%;
  background-image: url('image.jpg');
  background-size: 100% 100%;
}

3、使用object-fit屬性設(shè)置圖片在元素中的填充方式。

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

三種方法都可以實(shí)現(xiàn)圖片占滿全屏的效果，具體使用哪種方法可以根據(jù)實(shí)際情況選擇。