(function(){
// Выполняем код только на мобильных браузерах (на всякий случай)
if (typeof(window.orientation) !== 'undefined')
{
// Функция взята отсюда: https://makandracards.com/makandra/13743-detect-effective-horizontal-pixel-width-on-a-mobile-device-with-javascript
function getDeviceWidth()
{
var deviceWidth = window.orientation == 0 ? window.screen.width : window.screen.height;
// iOS returns available pixels, Android returns pixels / pixel ratio
// http://www.quirksmode.org/blog/archives/2012/07/more_about_devi.html
if (navigator.userAgent.indexOf('Android') >= 0 && window.devicePixelRatio)
deviceWidth = deviceWidth / window.devicePixelRatio;
return deviceWidth;
}
var deviceWidth = getDeviceWidth();
var maxWidth = 640;
if (deviceWidth < maxWidth)
{
var viewportmeta = document.querySelector('meta[name="viewport"]');
// Мои эксперименты на iPad 2 показали, что device-width всегда содержит значение ширины
// экрана в книжной (portrait) ориентации (т.е. даже, если устройство находится в
// альбомной (landscape) ориентации). Это же утверждалось в некоторых найденных мною статьях.
if (window.orientation == 0 || window.orientation <= 180)
viewportmeta.content = 'width=device-width';
else
viewportmeta.content = 'width=device-height';
}
else
viewportmeta.content = maxWidth;
}
})();
Ребята помогите разобраться в проблеме, у меня сайт должен работать от 640 пк, с помощью этого скрипта на маленьких экранах масштаб стартует как нужно, но если в поля ввода начать вводить текст, то масштаб увеличивается, как отключить кто нибудь знает?