Css 如何使用一个图像，并通过媒体查询使其缩放响应？

我想有一个标志规模缩小到通过媒体查询的大小。我希望不必为保存图像的div指定特定的高度或宽度，并根据浏览器的大小通过媒体查询将其按百分比缩小

我尝试了一些关于最大和最小宽度和高度的方法，但除非我指定图像的确切尺寸，否则它就会消失

.landing_logo {
    max-width:100%; 
    max-height:100%;
    background-repeat:no-repeat;
    margin:auto;
    margin-top:30px;
}

<div class="landing_logo" style="background-image:url('<?php echo get_template_directory_uri();?>/img/mj-logo-200_200.png')">
</div>

.landing\u徽标{
最大宽度：100%；
最大高度：100%；
背景重复：无重复；
保证金：自动；
边缘顶部：30px；
}
您不需要媒体查询，您使用的是您的徽标作为背景，因此您需要添加以下内容：

.landing_logo {
    max-width:100%; 
    max-height:100%;
    background-repeat:no-repeat;
    background-size:100% /* try cover or contain to see which property fits your needs better */
    margin:auto;
    margin-top:30px;
}

当然，因为div是空的，所以需要给它一些最小宽度和高度。看看上面的代码（加上我添加的随机宽度和高度）是如何完美工作的。当然，你的最小宽度和最小高度会有所不同，但是你会得到这样的想法：我想我不明白当它有背景图像时，“因为你的div是空的”。那算是空的吗？这是分区的一部分不在分区内是什么意思？我将您的答案标记为正确，但出于学习目的，我想知道：）@Fabioyour div为空意味着在HTML标记中，在
div
标记之间，您什么都没有。背景是一个元素的样式，但请记住，div是一个包含块，它本身没有任何固有的大小，因此，如果给它一个样式（例如背景），则需要在其内部有一个元素，或者在像您这样的情况下，通常需要提供一个大小。这样，背景将显示在div中，因为现在div有一个大小。否则，并不是背景不存在。它仍然存在，但您的div宽度和高度为0，因此BG不会显示