Css 使图像高度响应

我在我的网站上有一个图像，它的高度大于宽度

问题是，在小屏幕上，图像非常高，我想以某种方式限制它，并将

max height

设置为屏幕高度（响应）

我使用的是Bootstrap，所以我使用了

.img responsive

类，但它不起作用

以下是一个例子：

谢谢。

您可以使用

max-height: 100vh;

要指定任何图像都不应大于屏幕，请使用以下CSS

img {
  max-height: 100vh;
  max-width: 100vw;
}

你可以用这个

max-height: 100vh;

要指定任何图像都不应大于屏幕，请使用以下CSS

img {
  max-height: 100vh;
  max-width: 100vw;
}

你可以用这个

max-height: 100vh;

要指定任何图像都不应大于屏幕，请使用以下CSS

img {
  max-height: 100vh;
  max-width: 100vw;
}

你可以用这个

max-height: 100vh;

要指定任何图像都不应大于屏幕，请使用以下CSS

img {
  max-height: 100vh;
  max-width: 100vw;
}

---

谢谢，有没有办法让它在IE8中工作？你可以使用类似polyfill或JavaScript的解决方案。谢谢，有没有办法让它在IE8中工作？你可以使用类似polyfill或JavaScript的解决方案。谢谢，有没有办法让它在IE8中工作？你可以使用类似polyfill或JavaScript的解决方案。谢谢，有没有办法让它在IE8中工作？你可以使用polyfill之类的或JavaScript之类的解决方案。