iPad 无法以纵向正确缩放网站

Question

这有点奇怪，想知道是否有人有解决方案。

我们刚刚建立了一些宽度超过 1000 像素的网站，出于某种原因，当 iPad 以纵向模式加载它们时，它会缩小它们，但在右侧留下一些宽度，因此您必须滚动一点才能看到一切。

我加了 <meta name="viewport" content="initial-scale=0.7;" />这确实解决了问题，但是当以横向加载时，用户会看到一个小的站点开始并且可以缩小太多。

在我的一个个人开发网站上可以看到这样的一个例子。这还没有上线，所以请忽略任何错误 http://www.dundeewebstandards.com/events/

谢谢，

克里斯

Answer 1

我遇到了同样的问题，并尝试了我能找到的所有建议的解决方案，但无济于事。最后，我想通了...如果您的页面高度小于 1024 像素，宽度大于 768 像素，则原生缩放功能无法正常工作。如果您的页面的宽度大于它的高度，这也是正确的。尝试使用媒体查询向页面添加最小高度。这是我用来解决这个问题的代码......

#page-container{
    width: 1200px;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    #page-container{
        min-height: 1240px;
    }
}