Почему на телефоне не работает @media?

Question

[kernUSR]

Сделал вёрстку для сайта с адаптивом под устройства. Пока верстал - проверял в firefox, chrome и ie на пк, с включенным режимом адаптивного дизайна.
В результате - на компе всё отображается, как нужно. В телефоне - как на экране 1200px.
В чём пролема - ума не приложу.
Вот сайт belevhleb.ru
Возможно у меня просто глаз "замылился" и я не вижу очевидного... Прошу вашего совета!

Answer 1

[Astrohas]

<meta name="viewport" content="width = 1200">
вот почему
+
используйте это

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

вместо

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

Comments

[kernUSR]

Эххх. Действительно глаз замылился.
я не увидел
<meta name="viewport" content="width = 1200">
который оставил мой предшественник.
Огромнейшее спасибо!

[Сергей delphinpro]

вот за это руки хочется оторвать на иных сайтах....
user-scalable=0, minimum-scale=1.0, maximum-scale=1.0
Зачем вы за пользователя решаете, можно ему масштабировать страницу или нет?

[Astrohas]

Сергей: лень было писать руками поэтому тупо скопировал meta тостера.

user-scalable=0, minimum-scale=1.0, maximum-scale=1.0

не стоит и забывать и о safari с его всемогущим зумом

[kernUSR]

Хасан Истамкулов: на яблфоне сафари не выкаблучивается. На счёт десктопов сказать не могу, но мне кажется, что он не сильно то от хрома сейчас отличается

[cssfish]

Хасан Истамкулов: ну и зачем scale запрещать?

[Astrohas]

сафари имеет подлость зуммит все и вся. Запретив scale можно ограничит эту НЕХ, но не до конца. Например при фокусе на инпут все равно зуммится. И вообще сафари приносит много гемороя в плане вюпорта. Всякие shrink-to-fit -ы например