css - Bootstrap 中的 img-responsive 不起作用

让我的图像支持响应式网站

<img src="..." class="img-responsive" alt="Responsive image">

但它不起作用。

这是我的代码，

<body>
    <img class="img-responsive" src="images/myImage.png" />
</body>

原图尺寸为284x191

当我在 1920*1080 屏幕尺寸上打开浏览器时，图像尺寸为 284x191。但是当我在 1280*720 屏幕尺寸上打开浏览器时，图像尺寸仍然相同。

我不知道我在动态减小图像尺寸方面做错了什么。感谢您的帮助。

最佳答案

在 Bootstrap 4 中，语法是 class="img-fluid"

关于css - Bootstrap 中的 img-responsive 不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35622027/