CSS媒体查询：iPad上的视口缩放错误

Question

如果您将ipad位置从纵向更改为横向视口缩放将是错误的（站点对于视口来说是大的）。我已经搜索了很多，并在lessframework.com上发现了同样的问题

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

但是在stuffandnonsense.co.uk/projects/320andup /

上没有问题

我无法找到是什么让320andup工作正常，而且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);
  }
}