Почему не срабатывает условие?

Question

[Neopitniy]

.block{
background-color:aqua;
}

@media (min-width: 800px) and (max-width: 1023px){
  .block{
    background-color:red;
  }
}

@media (min-width: 1024px) and (max-width: 1279px){
  .block{
    background-color:blue;
  }
}

Почему-то при изменении размера, не срабатывает медиа запрос при размере браузера 1023px.
При 1022 и 1024 условие работает хорошо.

Comments

[V Sh.]

Могу предположить, что min-width - это строго больше, а max-width - меньше либо равно.

[NaN]

V Sh., там включаются крайние точки

[Neopitniy]

Я даже сократил код и добавил all and. Не работает.

@media all and (min-width: 1024px){
  .wrapper{
    background-color:aqua;
  }
}

@media all and (max-width: 1023px){
  .wrapper{
    background-color:red;
  }
}

Answer 1

[NaN]

Neopitniy, все нормально работает

Скрин

Comments

[Neopitniy]

Что-то у меня с браузером. Проверили на другом компе, тоже работает. Наверное у меня масштаб в винде стоит 125% тк в режиме разработчика показывает ширину html 1023.200.
Спасибо.