javascript - JS中图像的变化

Question

我试图自己解决这个问题，但我不知道。

当屏幕宽度减小或扩大时，如何在JS中减小或增加图像的宽度？

标签： javascripthtmlimagewidthscreen

Answer 1

您不需要 Javascript 来执行此操作。这只能通过 CSS 完成，您需要将图像宽度设置为 100% 以使其在浏览器窗口大小调整时响应。当您调整浏览器窗口的大小时，它会根据图像宽度以相同的纵横比自动获取高度。

你需要编写这样的css代码：

img.img-responsive {
    width: 100%;
}