CSS中，我們可以使用多種方法來(lái)確保圖片不被拉伸，以下是一些常用的方法：

1、使用max-width和max-height屬性

我們可以為圖片元素設(shè)置max-width和max-height屬性，來(lái)限制圖片的***大寬度和高度，這樣，即使圖片本身的尺寸大于其父元素的尺寸，它也不會(huì)被拉伸。

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

2、使用object-fit屬性

object-fit屬性用于指定圖片在容器中的填充方式，我們可以將其設(shè)置為contain或cover，來(lái)確保圖片不被拉伸。

contain保證圖片始終在容器內(nèi)部，不會(huì)被拉伸或裁剪。

cover圖片會(huì)覆蓋整個(gè)容器，但可能會(huì)被拉伸或裁剪。

img {
    object-fit: contain;
}

3、使用width和height屬性

我們可以直接為圖片元素設(shè)置width和height屬性，來(lái)明確圖片的尺寸，這樣，圖片就不會(huì)被拉伸到其父元素的尺寸。

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

4、使用CSS盒模型

通過(guò)調(diào)整CSS盒模型的參數(shù)，如padding、border和margin，我們可以更好地控制圖片在容器中的位置和尺寸，從而避免圖片被拉伸。

img {
    padding: 10px;
    border: 2px solid #000;
    margin: 15px;
}

通過(guò)這些方法，我們可以有效地防止圖片在CSS中被拉伸，保持其原有的尺寸和比例。