好吧，这似乎是一个简单的问题，但我找不到合适的解决方案。我需要响应/流体图像，以便它们相对于视口大小缩放，但我还需要使用background属性将它们与css一起加载，以便可以通过媒体查询有选择地加载不同版本。如何实现两者？
编辑：
这是代码示例。当前图像未显示，我认为是因为父元素中没有固定的宽度或高度（宽度：100％以上）。不过，父元素也需要为100％的宽度，以保持其响应缩放。图片为400像素x 400像素。
的HTML
<div class="why-us"></div>
的CSS
.why-us {
background: url(../lemonsevens/img/img_2x.png);
background-size: 100%;
background-repeat: no-repeat;
}
我不确定自己想要什么，但是我想那是这样的：
根据OP注释对代码段进行了编辑。
.bg-img {
background: url(http://placehold.it/400x400) no-repeat 0 0 / 100% auto;
height: 400px;
}
/*added based on OP comments*/
@media (max-width : 480px){
.bg-img {
background-size:contain
}<div class="bg-img"> </div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句