css - 我如何让我的图像响应？

Question

我试图让我的图像响应，以便当它在移动设备上时图像会缩小但我无法让它工作。

我试过使用 100% 的高度和宽度。

谁能帮帮我？

这是我的网站:www.promegaekonomi.se(这是我手下的大图片)

Answer 1

如果您使用的是 Bootstrap 3.0，那么您只能添加 class="img-responsive"

像这样:

<img  class="img-responsive" src="img/sponsor/nescafe.png" alt="nescafe">

否则:

<img  class="responsive-photo" src="img/sponsor/nescafe.png" alt="nescafe">

CSS:

.responsive-photo{
    height: auto;
    max-width: 100%;
}