在移动设备上缩小的图像的 CSS

【问题标题】：CSS for image that is shrinking on mobile在移动设备上缩小的图像的 CSS
【发布时间】：2022-02-11 00:11:05
【问题描述】：

我尝试将最小高度设置为自动并尝试了 %，但没有任何改变。谢谢大家的帮助。

<div class="cta-banner-image cbi-1"></div>

style .page-id-16786 .products .cta-banner-div .cta-banner-image { height: 520px; }

【问题讨论】：

【解决方案1】：

看起来您在父 div.cta-banner-div.content-left 上有以下样式用于较小的屏幕，这限制了图像的高度。

@media (min-width: 400px)
.cta-banner-div.content-left {
    height: 800px;
}

如果你移除/增加一点，图像应该占据它的设定高度。

【讨论】：