CSS如何讓圖片充滿(mǎn)屏幕

在CSS中，您可以通過(guò)設(shè)置圖片的寬度和高度來(lái)使其充滿(mǎn)屏幕，以下是一些具體的方法：

1、使用百分比單位

您可以將圖片的寬度和高度設(shè)置為屏幕的百分比單位，如果您想將圖片的寬度設(shè)置為屏幕的100%，可以這樣做：

img {
  width: 100%;
  height: 100%;
}

這將使圖片充滿(mǎn)整個(gè)屏幕。

2、使用視口單位

CSS中的視口單位（vw和vh）也可以用來(lái)設(shè)置圖片的寬度和高度，如果您想將圖片的寬度設(shè)置為視口的50%，可以這樣做：

img {
  width: 50vw;
  height: 50vh;
}

這將使圖片在水平和垂直方向上占據(jù)屏幕的一半。

3、使用***定位

您還可以使用CSS中的***定位（absolute positioning）來(lái)將圖片固定在屏幕的某個(gè)位置，并使其充滿(mǎn)屏幕，如果您想將圖片固定在屏幕的左上角，并使其充滿(mǎn)屏幕，可以這樣做：

img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

這將使圖片充滿(mǎn)整個(gè)屏幕，并固定在左上角。

方法僅適用于CSS支持的情況下，如果您正在使用舊的瀏覽器或CSS版本，可能需要使用其他方法來(lái)實(shí)現(xiàn)相同的效果。