奇怪的Chrome图片调整大小的行为

Question

我在调整窗口大小时对图像大小调整有一些奇怪的行为。

当Chrome在Windows中全屏拍摄（双击窗口以全屏拍摄）时，我取消关闭窗口，使其恢复到之前未被屏蔽的大小，图像无法正确缩放。

例如，我有以下css代码将图像大小调整为可用空间的100％高度，并自动显示宽度：

img{
    height: 100%
    width: auto;
}

当全屏捕捉窗口时，它看起来很好，保留了图像的纵横比。但现在如果我松开窗口（双击）。高度将调整大小，宽度不会，如下所示：

在Internet Explorer中，取消绑定如下所示：

任何人都知道为什么chrome没有正确调整大小？或者我的CSS有问题吗？

如果您需要更多代码，请询问。

感谢。

Answer 1

使用宽度：100％ - ＆gt;最大宽度：100％;

我曾经遇到过这个问题，我使用了两个属性

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

它对我很有用，并保存比例。