为背景尺寸图片CSS响应高度

Question

我有以下属性的响应背景图片

background: url('@{sitePath}/main_banner.png') center no-repeat; 
    max-width: 100%; 
    z-index: -10; 
    height: 475px; 
    background-size: contain; 

的图像需要能够缩小（因为它目前如此），但没有大规模的高度（475px ）用于较小的设备。 100％min &标准高度不起作用，我希望避免为不同的媒体查询指定个人身高，只要我能帮助它。

有谁知道我可以如何使这有效响应？

谢谢

Answer 1

你已经把静态高度：475px;如果您想在较小的设备上使用较小的高度，请尝试使用媒体查询：

@media (max-width: size-that-you-want){ 
    .class-name{ 
     width: some-number; 
    } 
} 

这应该有效。