2013-02-28 5 views
1

У меня есть мой сайт в Isotope Labs.Предотвращение масштабирования на мобильном сайте не работает

Он использует медиазапись для обнаружения мобильных устройств и устанавливает таблицу мобильных стилей (mobile.css) с шириной тела 100%.

Файл scripts.js также отключает сценарии jQuery для мобильных устройств.

Все работает, за исключением того, что я не могу отключить масштабирование на мобильных устройствах должным образом.

Я использовал следующие в моей HTML голове (после попытки очень много альтернатив), чтобы отключить масштабирование для мобильных устройств:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimum-scale=1" /> 

КСН и Chrome Mobile для Android, она по-прежнему позволяет масштабирование. Он применяет таблицу стилей для мобильных устройств, но она выглядит не совсем правильно (текст слишком мал).

Фактически он работает на браузере акций Android, хотя каждый раз, когда вы нажимаете «Обновить», он чередуется между правильным взглядом и ведет себя точно так же, как Chrome и iOS.

Я прошел через и удалил все из головы, но даже если я удалю все javascript и CSS, он по-прежнему позволяет масштабировать.

Это сводит меня с ума. Есть идеи?

ответ

2

Вы, кажется, устанавливаете метатег в дочернем фрейме, а не на корневую страницу. При непосредственном просмотре URL-адреса полного кадра, масштабирование предотвращается.

+0

Ну, мой бог. Это последнее, что я обвинял. –

+0

Мой сайт фактически размещен на thetruenorth.co.uk и перенаправлен на другой URL-адрес. Эта экспедиция помещает его в рамку и делает правильный старый беспорядок. Спасибо, что указали это! –

Смежные вопросы