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