当设备宽度小于400px时，HTML/CSS无法响应

如果有人能快速浏览一下这段代码并给出建议，那将不胜感激

我有一些图像可以在iPad和PC屏幕上正确调整大小。但是，只要在手机上试用/缩小浏览器窗口大小，图像就无法正确调整大小

CSS:

HTML:

点击查看更多信息

图像的宽度为170px，其中有6个在一条线上，当您将鼠标滚动到图像上时，它们都以灰色高亮显示（通过CSS）

当我把浏览器调整到手机的大小时，它们会比以前更大

非常感谢您的建议

如果有人对这个问题很了解，并且能提供帮助，请与我联系，我会尽力提供您需要的任何信息

---

谢谢。

我想了解您是否在使用引导。如果是这样，您应该为小型设备添加一个类，尝试将col-xs-4或col-xs-6添加到DIV元素中，该元素现在是“col-md-2 col-sm-4”。

看起来像引导。如果是，请将img responsive helper类添加到图像中

<img class="img-responsive" src="images/timeline6.jpg" alt="">

---

这将允许您的图像按比例缩放并填充包含div的100%宽度，而不管视口大小。

完美！这已经修复了添加col-xs-6！是的，这是引导，对不起，我对这个很陌生，应该说你解决了我的问题，谢谢！谢谢你的帮助：）

<div class="col-md-2 col-sm-4">
    <div class="timeline-thumb">
        <div class="thumb">
            <img src="images/timeline6.jpg" alt="">
        </div>
        <div class="overlay">
            <div class="timeline-caption">
                <a href="#"><h4>Wrapping Services</h4></a>
                <p>Click for more info</p>
            </div>
        </div>
    </div>
</div>

<img class="img-responsive" src="images/timeline6.jpg" alt="">