Как подключить мобильную версию сайта через @media?

Question

[Andrey_nk]

Сделал мобильную версию для сайта через запрос media screen and (max-width: 768px) {...}. На компьютере выводится правильно, тестировал программкой размер экрана тоже всё в порядке. Но на телефоне выводит старую полную версию и не масштабирует экран.
Подскажите в чём может быть проблема ? Или всё банальней - не обновился сайт.

адрес: http://ательеколибри.рф

меню переключается по такому запросу: media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {...}

На чужом девайсе завелась, а сайт не масштабируется.

Answer 1

[Алексей Зуев]

Вы забыли в head добавить мета тег

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

Answer 2

[Андрей Б.]

Добавь:

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