CSS圖片按比例縮小的方法

在CSS中，我們可以使用width和height屬性來(lái)按比例縮小圖片，以下是一個(gè)簡(jiǎn)單的例子：

img {
    width: 50%;
    height: 50%;
}

在這個(gè)例子中，圖片會(huì)被縮小到原始尺寸的50%，如果你想要縮小到不同的比例，只需要調(diào)整width和height的值即可。

需要注意的是，這種方法只適用于塊級(jí)元素（如div、p等）內(nèi)部的圖片，如果圖片是行內(nèi)元素（如span），則需要使用其他方法。

如果你想要保持圖片的寬高比不變，那么只設(shè)置寬度或高度是不夠的，在這種情況下，你可以使用object-fit屬性來(lái)保持圖片的寬高比不變，同時(shí)按比例縮小圖片：

img {
    width: 50%;
    height: 50%;
    object-fit: contain;
}

在這個(gè)例子中，圖片會(huì)被縮小到原始尺寸的50%，并且寬高比保持不變，這樣，圖片就不會(huì)變形了。