flexbox @media, nie widzi chrome

Question

Witam , mam problem a mianowicie używam flexbox i za pomocą jego staram się ułożyć stronę poziomo na PC (row) a pionowo na telefonie (column). Wszystko ładnie śmiga na firefox i IE a chrome nie widzi o wg @media, tzn nie zmienia się przy innej rozdzielczości.. 

.three {
  display: flex;
  flex-direction: row;
  padding-left: 14px;
  padding-right: 14px;
}
@media only screen and (max-width: 500px) {
  .three {
    display: flex;
    flex-direction: column;
  }
}

 

Comments

Problem jest tego typu, jak wezmę przeglądarkę chrome to przy zbadaniu story i użyciu np rozdzielczości dla iphone5 strona wg nie ładuje @media, ale jeżeli wezmę tę samą stronę zmniejszę na pulpicie( przeciągnę róg ekranu zmniejszając przeglądarę np o 60% to wszystko ładnie się zmniejsza ładując @media) . Mam wrażenie jakby badanie strony na chrome polegało na pomniejszeniu i zwiększeniu na lupie a nie zmiany rodzielczości. Może ktoś podpowie o co chodzi?

Answer 1

Znam ten problem ziomek, miałem tak samo, po prostu wstaw do sekcji head tą linijkę  

<meta name="viewport" content="width=device-width, initial-scale=1.0">

 

Answer 2

Może jakieś śmieci są w przeglądarce. Spróbuj ctrl+shift+R. Jeżeli to nie pomoże to wyczyść cache w chromie.

Comments

odświeżanie nic nie daje.. kasowanie cache itp też nic, na górze sprecyzowałem jak wygląda problem