如何減少圖像寬度

我想知道如何在屏幕寬度縮小時調整本節中找到的圖像大小。圖像是視差效果的一部分，但它不是背景，它是滾動的東西（我通常將其作爲文本發現）。如何減少圖像寬度

<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

如何減少圖像寬度

回答

相關問題