响应式图像最大高度100%在Firefox中无效

在Firefox中，响应式图像的最大高度为100%是无效的。这是因为Firefox对响应式图像的处理方式与Chrome等其他浏览器不同。在Firefox中，响应式图像的最大高度为100%，而不是100%。这意味着，当视口宽度大于或等于图像宽度时，图像将完全显示在视口中，而不会向上移动。因此，在Firefox中，响应式图像的最大高度为100%是无效的。

对于Firefox中响应式图像的最大高度问题，可以采用以下解决方案：

使用max-height属性

在HTML中，可以使用max-height属性来设置响应式图像的最大高度。例如：

<img src="example.jpg" alt="Example Image" max-height="100%">

上述代码将指定示例图像的最大高度为100%。

使用CSS

在CSS中，可以使用height和max-height属性来设置响应式图像的最大高度。例如：

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

上述代码将指定所有图像的最大高度为100%。

使用JavaScript

如果需要在JavaScript中处理响应式图像的最大高度问题，可以使用window.innerWidth属性。例如：

var img = document.getElementById("myImage");
var width = window.innerWidth;
var height = width / img.width * img.height;
img.style.height = height + "px";

上述代码将计算图像的宽度和高度，并将图像的高度设置为计算出的高度。

总之，在Firefox中，响应式图像的最大高度为100%是无效的，需要使用其他方法来设置图像的最大高度。