@media只有屏幕和（最大寬度：1280px），（最小高度：801px）不起作用

Question

我的CSS代碼是這樣的

@media only screen and (max-width:1280px){ 
    .numbertable { 
    position:relative; 
    display: inline-block; 
    padding-bottom: 80%; 
    vertical-align: middle; 
    right:12%; 
    width:45%; 
    } 
    .gears { 
    position:relative; 
    display: inline-block; 
    padding-bottom: 80%; 
    vertical-align: middle; 
    right:10%; 
    width:75%; 
    top:15px; 
    } 
} 

@media only screen and (max-width:1280px), (min-height:801px){ 
    .numbertable { 
    position:relative; 
    display: inline-block; 
    padding-bottom: 80%; 
    vertical-align: middle; 
    right:12%; 
    top:20px; 
    width:65%; 
    } 
    .gears { 
    position:relative; 
    display: inline-block; 
    padding-bottom: 80%; 
    vertical-align: middle; 
    right:10%; 
    width:75%; 
    top:15px; 
    } 
} 

據我如何理解它，如果我使用的分辨率爲1280像素寬，但低於800像素高，然後使用頂級代碼。但是如果分辨率高於800像素，那麼底部代碼應該適用。不是這種情況。我只是在1280x800的分辨率下測試了這個，底層代碼應用盡管它說最小高度801px，這就像最小高度查詢沒有生效，爲什麼？

Answer 1

我認爲你可以只是把and再次，而不是逗號：

@media only screen and (max-width: 1280px) and (min-height: 801px) { 

... 

}