CSS: медиазапрос вызывается, когда он явно не должен

Question

Я сделаю это просто:

Это код only во всей области моего примера проекта, который превращает фон в красный.

@media only screen and (min-width: 768px) and (orientation: portrait) {
        background: red;    
    }

Я не могу объяснить, почему я вижу красный фон в этом адаптивном Chrome-симуляторе, когда min-width явно ниже 768px:

Answer 1

Я не могу повторить проблему. Учитывая, что вы сказали, что это единственный код, разве не должен быть селектор класса CSS?

@media only screen and (min-width: 768px) and (orientation: portrait) {
    .someClassName {
      background: red;    
    }
}

Answer 2

Ответ в том, что я использовал min-width вместо min-device-height - как только я переключился на device-height против height - все стало работать.