Meta tag Viewport width = device-width не работает на Android 4.2?
Я создаю отзывчивый веб-сайт. Чтобы получить сайт в окне мобильного браузера, я добавил в заголовки следующий метатег: <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">
Как я могу заставить его работать на обоих телефонах?
благодаря
Томас
Попробуйте использовать 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);
Однако имейте в виду, что изменение масштаба может привести к некоторой проблеме позиционирования, когда процент используется вместо пикселя.