Html 在windows上图像大小调整不正确，怎么办？

我有一个网站，它的中心有一个网格图像，当我在1920*1080桌面上看到它时，图像的间距合适，效果很好，但是当在较低分辨率上看到它时（或者如果用户调整窗口大小），图像会移动并破坏网站的布局。我需要一种方法来缩放图像时，该网站显示在低分辨率计算机或窗口较小

<div class="imagenes" style="padding: 2px 0px 20px;">
<div class="row imagenes" style="display: inline">
    <div class="col-sm-3" style= "height: 320px; width: 480px; margin-left:165px; box-shadow: 10px 10px 5px #888888;">
        <img src="images/inscrib1.jpg"/>
    </div>
    <div class="col-sm-3" style= "height: 320px; width: 480px; margin-left: 25px; margin-right: auto; box-shadow: 10px 10px 5px #888888;">
        <img src="images/inscrib2.jpg"/>
    </div>
    <div class="col-sm-3" style= "height: 320px; width: 480px; margin-left: 25px; margin-right: 165px; box-shadow: 10px 10px 5px #888888;">
         <img src="images/inscrib3.jpg"/>
    </div>

</div>

---

有人能帮我吗？

根据引导文档：

将“img响应”类添加到图像中

<img class="img-responsive" src="..." />

使用媒体查询：

@media screen and (max-width : **the_size_you_want**px) {

    .col-sm-3 {
        width: **idem**px;
        height: **idem**px;
    }

    .col-sm-3 img {
        max-width: 100%;
        height: auto;
    }

}

---

您是否研究过使用百分比而不是像素，或者媒体查询？为什么要编写内联样式？此外，它们也不会调整大小，因为您硬编码的高度以像素为单位，而不是

%

，我确信您正在使用引导，因此请忽略编写内联样式并应用适当的类。正如@Mr.Alien所说，如果您专门设置内联样式（通过

style=“…”

属性），您将自动覆盖引导设置。。。看起来完全pointless@Mr.Alien你能详细说明一下吗？我在一个更新版本中使用了%，它似乎工作得更好一点，但即使我在“col-sm-3”类中使用bootstrap 3次，最后一个映像转到另一行，我仍然坚持使用这个D：