CSS 媒体查询 : wrong viewport scale on iPad

Question

如果您将 ipad 的位置从纵向更改为横向，视口(viewport)比例将是错误的(站点对于视口(viewport)来说太大了)。我搜索了很多，在 lessframework.com 上发现了同样的问题

看看 — http://www.youtube.com/watch?v=MGDjaE-eKAY

但是stuffandnonsense.co.uk/projects/320andup/上没有问题

我不知道是什么让 320andup 在 ipad 上正常工作，而 lessframework.com 在 ipad 上工作不正常。

有什么想法吗？

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);
  }
}