css - CSS メディア クエリ: iPad での間違ったビューポート スケール

Question

iPad の位置を縦向きから横向きに変更すると、ビューポートのスケールが正しくなくなります (ビューポートに対してサイトが大きすぎます)。私はたくさん検索して、lessframework.comで同じ問題を見つけました

見てみましょう — http://www.youtube.com/watch?v=MGDjaE-eKAY

しかし、stuffandnonsense.co.uk/projects/320andup/ では問題ありません。

iPadで320andupが正しく機能し、lessframework.comが正しく機能しない理由がわかりません。

何か案は？

Answer 1

私はあなたのためにソースを閲覧しました

if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i)) {
  var viewportmeta = document.querySelectorAll('meta[name="viewport"]')[0];
  if (viewportmeta) {
    viewportmeta.content = 'width=device-width, minimum-scale=1.0, maximum-scale=1.0';
    document.body.addEventListener('gesturestart', function() {
      viewportmeta.content = 'width=device-width, minimum-scale=0.25, maximum-scale=1.6';
    }, false);
  }
}