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