Как адаптировать макет по высоте?

Question

[freeman0204]

Мне нужно что бы от 0 до 920px по высоте экрана(viewport) были одни стили, а все что выше >920+ уже другие.
Делаю так:

.block_text_2 {
      margin: 0.8vw 0 2.4vw 0;
      @media only screen and (min-height: 920px) {
        margin: 0.4vw 0 1.5vw 0;
      }
    }

это scss, но у меня этот стиль работает на любой высоте margin: 0.4vw 0 1.5vw 0; что не так делаю?
Почему стили margin: 0.8vw 0 2.4vw 0; не работают на высоте меньше 920px.

Comments

[shmatuan]

А если так?

.block_text_2 {
   margin: 0.8vw 0 2.4vw 0;
}
@media only screen and (max-height: 920px) {
   .block_text_2 { margin: 0.4vw 0 1.5vw 0; }
}

Answer 1

[shmatuan]

0 - 920 (max-height: 920px)
> 920 (min-height: 920px)