媒體查詢後未應用樣式？

.row { 
    margin-bottom: 0px; 
}

沒有被應用，但當我刪除第二個媒體查詢時，它是？媒體查詢後未應用樣式？

設計是默認桌面，現在試圖實現手機和平板電腦。

body { 
    background-image: url('../images/iStock-527528428 Cropped.jpg'); 
    background-repeat: no-repeat; 
    background-position: center top; 
    /*background-attachment: fixed;*/ 
    color: white; 
} 
.container { 
    width: 37%; 
    background-color: black; 
    background: rgba(0, 0, 0, 0.67); 
    border-radius: 17px; 
    padding: 17px; 
    position: relative; 
    top: 37px; 
} 
@media screen and (max-width: 600px) { 
    .container { 
    width: 85%; 
    top: 24px; 
    } 
    body { 
    background-position: left top; 
    } 
} 
@media screen and (min-width: 601px) and (max-width: 992px) { 
    .container { 
    width: 55%; 
    top: 24px; 
    } 
} 
.row { 
    margin-bottom: 0px; 
} 
html { 
    font-family: 'Nunito', sans-serif; 
}

來源

2016-12-27 user1656125

添加媒體查詢最後的CSS –

添加代碼像jsfiddle –

確保您的文件來自引導CSS文件後。 – Muhammad