макс ширина медиа запросов принимает неправильную ширину

Question

Так что у меня queries.css, что в настоящее время занимает в

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

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

Но когда браузер (хром), по ширине 1023, он регистрирует код для максимизаторами width: 930px медиа-запрос.

Кто-нибудь знает, в чем проблема. Я видел другие сообщения, связанные с ними, и они сказали использовать min-width и метатег, оба из которых я сделал и все еще вызывает ту же проблему.

Также, когда я пытаюсь записать код в свой мультимедийный запрос максимальной ширины 1140px, медиа-запрос для 930px переопределяет его.

Answer 1

Попробуйте

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

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