iPad zoom разделяет веб-сайты

Question

У меня проблема с моим веб-сайтом, который я создаю при просмотре на iPad или iPhone.

Заголовок страницы является позицией: исправлено;наверхПока остальная часть веб-сайта прокручивается вниз в контейнере div.

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

Я попытался использовать минимальную ширину: 1024 CSS и масштабируемость пользователем = 0, но ни одна из них не работает.Масштабируемое пользователем препятствует масштабированию, но затем, когда он поворачивается в портретную или альбомную ориентацию, веб-сайт сохраняет ширину в альбомной ориентации при вращении, поэтому веб-сайт слишком широк для экрана.

Надеюсь, у меня естьобъяснил это достаточно хорошо.

Я попробовал некоторый javascript, который я получил с этого сайта, но он полностью скремблирует весь сайт, когда он вращается ...

код, который я пытался использовать, приведен ниже:

... html header ...

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

... javscript ...

var checkOrientation;
checkOrientation = function() {
  var viewport;
  viewport = document.querySelector("meta[name=viewport]");
  if (window.orientation === 90 || window.orientation === -90) {
    return viewport.setAttribute("content", "width:device-width, initial-scale=1.0, user-    scalable=0");
  } else {
    return viewport.setAttribute("content", "width:device-width, initial-scale=0.6, user-    scalable=0");
  }
};
window.onorientationchange = function() {
  return checkOrientation();
};
checkOrientation();

Заранее спасибо