如何通过CSS将图像扩展到其原始大小

Question

i将CSS的图像放大为

html

<img src="https://www.gstatic.com/webp/gallery/1.jpg" />

CSS

img {
    width: 320px;
    height: 320px;
    position: relative;
    transition: 0.2s ease;
}
img:hover {
    transform: scale(2);
}

jsfiddle

我不得将其放大到其原始大小和纵横比而不是扩大比例尺(在这里2(？

我想在盘旋时显示550x368的原始大小，而不是盘旋的640x640大小。

Answer 1

将您的:hover类更改为：

img:hover {
    height: auto;
    width: auto;
}

或

img:hover {
    height: 100%;
    width: auto;
}