在CSS中，我們可以使用object-fit屬性來(lái)控制圖片在容器中的顯示方式，為了確保圖片始終顯示為16:9的比例，我們可以將圖片的高度設(shè)置為0，并設(shè)置寬度為100%，這樣圖片就會(huì)根據(jù)寬度自動(dòng)調(diào)整高度，保持16:9的比例。

以下是一個(gè)示例CSS代碼：

.img-16-9 {
  width: 100%;
  height: 0;
  object-fit: cover;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為.img-16-9的CSS類，用于應(yīng)用16:9的圖片顯示樣式。width: 100%將圖片的寬度設(shè)置為容器的100%，而height: 0則確保圖片的高度為0。object-fit: cover屬性確保圖片始終填充其容器，并保持其原始縱橫比（即16:9）。

您可以將這個(gè)類應(yīng)用到任何HTML元素中，

<div class="img-16-9">
  <img src="path-to-your-image.jpg" alt="Description of the image">
</div>

在這個(gè)HTML示例中，我們創(chuàng)建了一個(gè)div元素，并將.img-16-9類應(yīng)用到它上面，我們?cè)?code>div內(nèi)部放置了一個(gè)img元素，并提供了圖片的路徑和描述，由于div應(yīng)用了.img-16-9類，圖片將始終保持16:9的比例，無(wú)論容器的大小如何變化。