@Media不像我認爲應該那樣工作

Question

我在學習響應式設計，而@media並不以我認爲應該的方式工作。我有一個subnav酒吧。這裏是CSS：

.subnav-fixed { 
    background-color: #eeeeee; 
    position: fixed; 
    top: 50px; 
    left: 0; 
    right: 0; 
    z-index: 1030; 
    border-color: #d5d5d5; 
    border-width: 0 0 1px; 
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0; 
} 

@media (max-width: 767px) { 
    .subnav-fixed { 
    top: 61; 
    } 
} 

當我的網頁是在767px，然後我想頂部降到61px。這沒有發生。 @media位於.subnav類之後。被告知如何做這項工作，我想知道發生了什麼。任何幫助或聯繫都會很好。

Answer 1

嘗試

@media all and (max-width:767px){ 
.subnav-fixed { 
    top: 61px; 
    } 
} 

新增all and，你也只是寫top: 61;所以，我在最後