我知道以前肯定有人问过这个问题，但我就是找不到任何css来帮助我。我如何让一个图像总是100%的高度和100%的宽度来匹配屏幕大小，但总是保持图像的纵横比？

.myimage {  
object-fit: cover;
width: 100%;
height: 250px;
}

上面的方法几乎可以工作，但我不想硬编码高度，我想几乎是100%的浏览器视图，但保持纵横比。所以图像应该总是适合100%的高度和宽度明智的没有任何滚动，并保持即使浏览器的大小调整。我使用的是bootstrap-5框架。