wordpost
@wordpost
javascript vue.js

Увеличение масштаба при фокусе поля ввода айфон?

(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 пк, с помощью этого скрипта на маленьких экранах масштаб стартует как нужно, но если в поля ввода начать вводить текст, то масштаб увеличивается, как отключить кто нибудь знает?
  • Вопрос задан
  • 459 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы