CSS中讓圖片橫著鋪滿屏幕的方法

在CSS中，我們可以使用多種方法來實現(xiàn)圖片橫向鋪滿屏幕的效果，以下是兩種常見的方法：

1、使用CSS的background-image屬性

我們可以將圖片作為背景圖片，然后設(shè)置背景圖片的大小和位置來實現(xiàn)橫向鋪滿屏幕的效果。

body {
  background-image: url('image.jpg');
  background-size: 100vw; /* 視口寬度 */
  background-position: center; /* 圖片居中顯示 */
}

2、使用HTML的img標(biāo)簽和CSS的position屬性

我們可以將圖片作為HTML元素，然后使用CSS的position屬性將其定位在屏幕的左側(cè)，并設(shè)置寬度為100vw來實現(xiàn)橫向鋪滿屏幕的效果。

img {
  position: absolute;
  left: 0;
  width: 100vw; /* 視口寬度 */
}

需要注意的是，以上兩種方法都只能實現(xiàn)圖片橫向鋪滿屏幕的效果，而無法保證圖片在垂直方向上也能完全填充屏幕，如果需要同時實現(xiàn)橫向和縱向填充屏幕的效果，那么可能需要使用更復(fù)雜的CSS技巧或者JavaScript來實現(xiàn)。