爲背景尺寸圖片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; 
    } 
} 

這應該有效。