jQuery Мобильный сайт кажется очень маленьким (GoDaddy Forward with Masking)

Question

Я адаптирую существующий веб-сайт к мобильной версии jquery и ранее работал с каркасом. У меня есть iPhone 5, и я не уверен, почему, но сайт выглядит так, как должен, на настольном браузере, но на iPhone кажется очень маленьким. У меня есть строка <meta name="viewport" content="width=device-width; initial-scale=1" />, я пропустил что-то еще? Вот скриншот представления. (Я не использую любые пользовательские CSS для нескольких color установок, за исключением)

Answer 1

Вы должны отделить элементы контента с запятой, а не точка с запятой:

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

EDIT на основе ваших комментариев выше: Этот сайт имеет iFrame с мобильным сайтом в нем. Фактический URL-адрес сайта bluelineapps.net/TnA//mobile работает в Safari.

Answer 2

Мое понимание Mobile Safari не учитывает настройки видового экрана при рендеринге сайтов в iframe. Об этом мне сказал разработчик webkit.

Поскольку вы используете замаскированный форвард, в котором используется iframe, целевой сайт отображает без каких-либо настроек видового экрана - как если бы он находился на рабочем столе.

Если у вас есть какой-либо контроль над источником iframe, вы можете попробовать использовать тег объекта вместо iframe, но я не думаю, что у вас есть этот элемент управления, поскольку вы используете Gadaddy masked forwarding, и из моего опыт не полностью решает эти проблемы (хотя кажется, что они немного лучше)