Как настроить адаптивность только для мобильных, скажем не более 400px — 100%, иначе — масштабирование?

Question

[Kjuri]

Т.е.
Работает только для мобильных, планшеты и все, что имеет достаточно большой экран, просто масштабируют
Наиболее разумным, на мой взгляд, был бы вариант
media screen and (max-width: 400px)
@viewport {
width: device-width;
zoom: 1;
}
}
Но, тэг @viewport только для IE и Opera Mobile (Согласно сайту caniuse)

Answer 1

[DTX]

Ну так просто прописать media (max/min-width: 400px)?

А-ля

.wrap {
  display: block;
}

@media (min-width: 400px) {
  .wrap {
    display: flex;
  }
}