CSS圖片大小設置

在CSS中，我們可以使用width和height屬性來設置圖片的大小，如果圖片本身的大小比我們需要的小，那么可以直接使用這兩個屬性來設置，但是如果圖片本身的大小比我們需要的大，那么我們需要使用其他的方法來處理。

一種方法是使用max-width和max-height屬性來限制圖片的***大尺寸，這樣即使圖片本身很大，它也會被縮小到指定的***大尺寸。

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

另一種方法是使用object-fit屬性來裁剪圖片，這個屬性可以讓圖片在保持其寬高比的同時，將其縮放或裁剪以適應其容器的大小。

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

在這個例子中，圖片將被縮放并裁剪成100px寬和100px高的正方形，同時保持其寬高比不變，這樣即使圖片本身很大，它也會被縮小并裁剪到適合其容器的大小。

代碼只是示例，實際使用時可能需要根據(jù)具體情況進行調(diào)整，由于CSS的兼容性問題，這些屬性可能在一些舊的瀏覽器上無法正常工作，在使用這些屬性時，請務必先測試其在目標瀏覽器上的兼容性。