iPad不能在纵向上正确缩放网站网站

Question

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

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

我添加<meta name="viewport" content="initial-scale=0.7;" />确实解决了问题但是在横向加载时，用户会看到一个小网站，可以缩小范围。

在我的一个个人开发网站上可以看到这方面的一个例子。这尚未生效，请忽略任何错误http://www.dundeewebstandards.com/events/

谢谢，

克里斯

Answer 1

我遇到了同样的问题并尝试了我能找到的所有提议的解决方案，但无济于事。最后，我想通了......如果页面的高度小于1024px且宽度大于768px，则本机缩放功能无法按预期工作。如果页面宽度大于高度，也是如此。尝试使用媒体查询为页面添加最小高度。这是我用来解决这个问题的代码......

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