最大寬度媒體查詢時間錯寬度

Question

所以我有一個queries.css，目前發生在

@media only screen and (max-width: 1140px){ 
    .row, 
    .hero-img{ 
    width: 100%; 
    } 
} 

@media only screen and (max-width: 930px){ 
    /* code */ 
} 

但是，當瀏覽器（Chrome）是在1023寬度，它的MAX-註冊代碼寬度：930px媒體查詢。

有誰知道問題在這裏。我看到其他帖子相關，他們曾說過使用最小寬度和元標記，這兩個我都做過，但仍然導致同樣的問題。

此外，當我嘗試將代碼寫入我的1140px最大寬度媒體查詢時，930px的媒體查詢將覆蓋該值。

Answer 1

試試這個

@media only screen and (max-width: 100%){ 
    .row, 
    .hero-img{ 
    width: 100%; 
    } 
} 

@media only screen and (max-width: 100%){ 
    /* code */ 
}