html - 放大图像直到高度或宽度为 100%

我有一个图像元素，它可以包含图像的任何纵横比（例如水平和垂直）。我想用它填充页面，直到它的高度或宽度是页面的 100%。

我尝试检查图像高度和宽度并将最小宽度/高度设置为 100%。这对于垂直图像非常有效，但对于水平图像，有时会在宽度之前达到 100% 的高度（尤其是在 4:3 纵横比的图像上）。

基本上，我只希望它填充屏幕的高度或宽度，具体取决于首先发生的情况。

标签： htmlcss

尝试在图像上进行对象拟合，使其适合容器并选择最适合您需求的值。