如何减少图像宽度

我想知道如何在屏幕宽度缩小时调整本节中找到的图像大小。图像是视差效果的一部分，但它不是背景，它是滚动的东西（我通常将其作为文本发现）。如何减少图像宽度

<div class="bgimg-1 w3-display-container" id="home"> 
    <div class="w3-display-middle" style="white-space:nowrap;"> 
    <img src="logo3.png" alt="Logo" style="width:1000px;height:750px;"> 
    </div> 
</div>

我固定风格尺寸，但需要降低更在需要时。在整个代码的开始，该节之前，我有可用的选项是

@media only screen and (max-device-width: 1024px) { 
.bgimg-1, .bgimg-2, .bgimg-3 { 
    background-attachment: scroll; 
} 
}

了仅针对较小的宽度关闭视差滚动。在这部分中找到的对图像的引用是背景图像，我不需要调整大小。为了在前面提到的部分（不是背景）中调整图像大小，我应该包含什么内容？

来源

2017-08-16 Vic

如果您碰巧使用了Bootstrap，Materialize或任何其他响应式CSS模板，只需将图像保留为其原始分辨率并将其标记置于响应容器内。自举，其中每个视图在12列分裂，它看起来像：

<div class="row"> 
    <div class="col-sm-6 col-offset-3"> 
     <img src="logo3.png" alt="Logo" /> 
    </div> 
</div>

让我知道你要什么与此不同。

来源

2017-08-16 19:42:43 Tiramonium

如何减少图像宽度

回答

相关问题