CSS中，我們可以使用多種方法來實現(xiàn)等比例截取圖片，以下是一種常見的方法，使用CSS的object-fit屬性來實現(xiàn)。

1. 使用object-fit屬性

object-fit屬性用于指定元素如何適應其包含塊，我們可以將該屬性設置為cover，這樣元素就會等比例縮放以適應其包含塊，同時保持其寬高比不變。

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

在這個例子中，圖片會被等比例縮放以適應其包含塊的寬度和高度，同時保持其寬高比不變，這樣，圖片就不會被拉伸或壓縮變形。

2. 使用max-width和max-height屬性

另一種方法是使用max-width和max-height屬性來限制圖片的***大寬度和高度，這種方法也可以實現(xiàn)等比例截取圖片的效果。

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

在這個例子中，圖片的***大寬度和高度都被限制為100%，這樣圖片就不會超過其包含塊的寬度和高度，同時保持其寬高比不變。

3. 使用CSS的clip屬性

CSS的clip屬性可以用來裁剪元素的一部分，我們可以結合使用clip屬性和transform屬性來實現(xiàn)等比例截取圖片的效果。

img {
  position: relative;
  clip: rect(0, 100%, 100%, 0);
  transform: scale(0.5);
}

在這個例子中，圖片會被等比例縮放并裁剪，只保留左上角到右下角的區(qū)域，同時保持其寬高比不變，這樣，我們就可以實現(xiàn)等比例截取圖片的效果。

三種方法都可以實現(xiàn)CSS中圖片的等比例截取，我們可以根據(jù)自己的需求和喜好選擇***適合的方法。