Meta tag Viewport width = device-width не работает на Android 4.2?

58
4

Я создаю отзывчивый веб-сайт. Чтобы получить сайт в окне мобильного браузера, я добавил в заголовки следующий метатег: <meta name="viewport" content="width=device-width"> Это отлично работает в моем браузере по умолчанию S5.

Тем не менее, он не работает правильно в моем браузере по умолчанию S3 => уровень масштабирования слишком высок (около x2).

Я попытался добавить значения масштабирования как это, но это не решило проблему: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

Я заметил, что на моем S3 следующее работает, но разбивает сайт на моем S5: <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5">

Как я могу заставить его работать на обоих телефонах?

благодаря

Томас

спросил(а) 2014-11-21T18:23:00+03:00 6 лет назад
1
Решение
93

Попробуйте использовать JavaScript для обнаружения версии Android и управления мета. Это сработало для меня. Изменение ширины = не дает мне согласованного результата.

 viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', "width=device-width, initial-scale=" + window.devicePixelRatio + ", maximum-scale=" + window.devicePixelRatio + ", minimum-scale=" + window.devicePixelRatio);

Однако имейте в виду, что изменение масштаба может привести к некоторой проблеме позиционирования, когда процент используется вместо пикселя.

ответил(а) 2016-04-06T17:32:00+03:00 4 года, 8 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема