iphone (смартфоны) css RWD рендеринг не работает

Я сделал свой сайт отзывчивым с помощью медиа-запросов и протестировал его, изменив размер браузера, и он отлично работает. Я также использовал веб-сайт, чтобы посмотреть, как моя страница будет отображаться на устройствах Apple, особенно на iPhone, и работал RWD. Но когда я просматривал свой сайт на реальном iPhone или любом другом смартфоне, если на то пошло, он показывает страницу в «режиме рабочего стола» (т.е. без медиа-запросов). Может кто-нибудь объяснить мне, почему это так? Извините, у меня нет примера, но я решил, что это распространенная проблема/исправление. Спасибо, парни.


person darnellW    schedule 19.10.2014    source источник
comment
напишите свой код, может вы что-то пропустили?   -  person avi    schedule 19.10.2014


Ответы (1)


Первое, что приходит на ум, как я делал это раньше, это вы забыли свой тег окна просмотра?

<meta name="viewport" content="width=device-width, initial-scale=1">
person Brian    schedule 19.10.2014
comment
Ах я этого не делал. Я предположил, что это может быть как-то связано с метатегом. Спасибо. - person darnellW; 19.10.2014