CSS圖片怎么設(shè)置縮略圖

在CSS中，我們可以使用width和height屬性來設(shè)置圖片的尺寸，從而實現(xiàn)圖片的縮略效果，以下是一個簡單的示例：

img {
    width: 200px;
    height: 200px;
}

上述代碼將圖片尺寸設(shè)置為200px*200px，實現(xiàn)了圖片的縮略效果。

除了使用width和height屬性，我們還可以使用CSS的object-fit屬性來設(shè)置圖片的填充方式，我們可以使用object-fit: cover;來使圖片完全覆蓋其容器，而不改變其寬高比，以下是一個示例：

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

上述代碼將圖片尺寸設(shè)置為200px*200px，并使用object-fit: cover;來使圖片完全覆蓋其容器。

需要注意的是，雖然CSS可以方便地設(shè)置圖片的縮略效果，但并非所有的瀏覽器都支持CSS的object-fit屬性，在使用該屬性時，我們需要謹(jǐn)慎地考慮其兼容性問題。