設(shè)置長圖在CSS中通常涉及到圖片的寬度、高度和顯示方式，以下是一些基本的CSS設(shè)置，可以幫助你控制長圖的顯示：

1、圖片寬度：

- 使用width屬性來設(shè)置圖片的寬度。width: 100%會使圖片占據(jù)其容器的全部寬度。

- 如果圖片本身寬度超過容器寬度，圖片可能會變形或超出容器，這時，可以使用max-width屬性來限制圖片的***大寬度。

2、圖片高度：

- 使用height屬性來設(shè)置圖片的高度，與寬度類似，height: 100%會使圖片占據(jù)容器的高度。

- 如果圖片本身高度超過容器高度，可以使用max-height屬性來限制圖片的***大高度。

3、圖片顯示方式：

- 使用object-fit屬性可以改變圖片的填充方式。object-fit: cover會使圖片完全覆蓋容器，但可能會變形。

object-position屬性可以用來調(diào)整圖片在容器中的位置。

4、響應(yīng)式圖片：

- 對于不同屏幕尺寸的設(shè)備，可以使用媒體查詢（media queries）來設(shè)置不同的圖片尺寸和顯示方式。

示例代碼

下面是一個簡單的CSS示例，展示了如何設(shè)置一個長圖：

img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 600px) {
  img {
    width: 100%;
    height: 300px;
  }
}

在這個示例中：

- 圖片的寬度設(shè)置為100%，高度自動調(diào)整，以保持圖片的縱橫比。

object-fit: cover確保圖片完全覆蓋容器，但可能會變形。

object-position: center將圖片居中顯示。

- 媒體查詢部分（@media (max-width: 600px)）設(shè)置了一個***大寬度限制，當屏幕寬度小于600px時，圖片的高度限制為300px。

圖片示例


通過這個簡單的CSS設(shè)置，你可以有效地控制長圖的顯示方式，無論是在桌面還是移動設(shè)備上。