我试图找到一种方法，通过浏览器窗口不断变化的高度（而不是宽度）来响应图像。
因此，当您使浏览器窗口更窄，而不更改（比方说全高）高度时，图像将缩小以适合。但是如果你做相反的事情，使全宽窗口变短，图像将无法缩放，除非它是页面上唯一的东西。
有没有办法做到这一点？看见https://www.harryorlyk.com/portfolio/studio-yard/我有一个媒体查询，因此在1024倍时，图像的高度会降低，但我希望能根据浏览器窗口的高度自动改变其高度。
我尝试了以下几种变体：
.postid-5582 img[src$="#fit"] {
width: 100vw;
height: auto;
max-width: none;
max-height: 100vh;
object-fit: contain;
}
.postid-5582 img {
max-width: 100%;
max-height: 100vh;
height: auto;
}
.postid-5582 {max-height:100vh;max-width:100vw;}
还有几个Javascript：
<script>
function FitImagesToScreen() {
var images = document.getElementsByTagName(\'img\');
if(images.length > 0){
for(var i=0; i < images.length; i++){
if(images[i].width >= (window.innerWidth - 10)){
images[i].style.width = \'auto\';
}
}
}
}
</script>
基本上这一页上的所有内容：
https://stackoverflow.com/questions/6169666/how-to-resize-an-image-to-fit-in-the-browser-window谢谢
