Почему не срабатывает адаптивные стили при эмуляции мобильных устройств с помощью Google Chrome?

Question

[Александр Андреев]

В head сайта прописал метатег:

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

пишу адаптивные стили, типа

@media screen and (max-width: 920px) {
   ....
}

если менять размер окна мышкой - стили применяются, но если включить эмуляцию мобильных устройств в Google Chrome (F12 и Ctrl + Shift + M Toggle device toolbar ) то адаптивные стили не применяются. Почему такое может быть?

Answer 1

[Сергей Горячев]

После включения нужно обновить страницу.

Comments

[Александр Андреев]

Действительно какой-то дикий кеш =)

[Сергей Горячев]

Александр Андреев: Это не кэш, в хроме именно так работает консоль.

[Александр Андреев]

Сергей Горячев: я просто пробовал F5 нажимать но сработало только после Ctrl + F5

[Сергей Горячев]

Александр Андреев: Ааа, тогда может что-то и закэшировалось до кучи.