CSS 媒体查询：iPad 上的视口比例错误

【问题标题】：CSS media queries: wrong viewport scale on iPadCSS 媒体查询：iPad 上的视口比例错误
【发布时间】：2011-12-23 20:15:05
【问题描述】：

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

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

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

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

有什么想法吗？

【问题讨论】：

标签： css media-queries responsive-design

【解决方案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);
  }
}

【讨论】：

我猜你正在寻找一些元标记的 html 元素。感谢您的接受。